text-transform

解説

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

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

プロパティ情報

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

参照

text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space

使用例

ソース

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