≪ 目次　＜ プロパティ一覧　［ 戻る ］　使用例 ↓

バナー

中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

text-transformプロパティ

text-transformプロパティは、テキストの大文字小文字変換を指定します。

値
(value)		capitalize修飾するテキストに含まれる単語の最初の１文字を大文字にします。
uppercase修飾するテキストの全文字を大文字にします。
lowercase修飾するテキストの全文字を小文字にします。
none通常の表示です。
inherit親要素からの継承
適用要素BODY要素とBODY要素の内容の全ての要素
初期値none
継承します

使用例

はHTML記述です。

XXXX 背景色と内枠線は要素の範囲です。

text-transform : capitalize ;

HTML記述
<p style="text-transform:capitalize;">
the quick brown fox jumps over the lazy dog
</p>
表示例

the quick brown fox jumps over the lazy dog

text-transform : uppercase ;

HTML記述
<p style="text-transform:uppercase;">
the quick brown fox jumps over the lazy dog
</p>
表示例

the quick brown fox jumps over the lazy dog

text-transform : lowercase ;

HTML記述
<p style="text-transform:lowercase;">
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
</p>
表示例

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

≪ 目次　＜ プロパティ一覧　［ 戻る ］　Top ↑

Created：Jun 01, 2005 Updated：Oct.,25,2011 © by おっちゃん
Oct.,25,2011 全面更新