text-transform

解説

英語などの文章の大文字表示、小文字表示を指定します。

none記述した通りに表示(初期値)
capitalize単語の先頭文字を大文字で表示
lowercase全てを小文字で表示
uppercase全てを大文字で表示

プロパティ情報

値:none,capitalize,lowercase,uppercaseのいずれか1つ。
初期値:none
適用対象:全ての要素
継承:する
パーセンテージ:不可
適用メディア:視覚
レベル:1〜2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

div.sample1 {text-transform: none;}
div.sample2 {text-transform: capitalize;}
div.sample3 {text-transform: lowercase;}
div.sample4 {text-transform: uppercase;}
HTMLの記述方法

<div class="sample1"><p>seven key</p></div>
<div class="sample2"><p>seven key</p></div>
<div class="sample3"><p>seven key</p></div>
<div class="sample4"><p>seven key</p></div>

表示結果

seven key

seven key

seven key

seven key