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
seven key
seven key
seven key