別記事にて記載してあるフレームワーク[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】です。