[CSS]CSSでテキストの「大文字」「小文字」を指定できる

別記事にて記載してあるフレームワーク[Titon]の
CSSを中を覗いてみた時に発見したプロパティ[text-transform]。

指定した要素内にある英字の
「大文字」「小文字」を指定できる
プロパティみたいです。
※JavaScript関数[toLowerCase]みたいな感じです。

参照URL①:text-transform-スタイルシートリファレンス
参照URL②:text-transformのサンプル

HTML部分

<span class="none">spanタグです</span>
<span class="capitalize">spanタグです</span>
<span class="lowercase">spanタグです</span>
<span class="uppercase">spanタグです</span>

CSS部分

.none {
	text-transform: none;
}
.capitalize {
	text-transform: capitalize;
}
.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}

解説

CSSプロパティ[text-transform]の
デフォルト値は【none】です。


This entry was posted in: CSS. Bookmark the ➜ permalink.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)