メインメニュー


[スポンサードリンク]


全体を大文字・小文字で表示させる
text-transform:大文字・小文字の指定
大文字・小文字の指定:
uppercase 全体の文字を大文字で表示
lowercase 全体の文字を小文字で表示
capitalize 各単語の先頭の文字だけを大文字で表示

text-transformプロパティで、全体の文字を大文字や小文字で表示したり、各単語の先頭の文字だけを大文字で表示させるように設定します。


text-transform:uppercase (大文字)

if a style sheet is used, what cannot be expressed can be expressed in html.

text-transform:lowercase (小文字)

IF A STYLE SHEET IS USED, WHAT CANNOT BE EXPRESSED CAN BE EXPRESSED IN HTML.

text-transform:capitalize (先頭の文字だけ大文字)

if a style sheet is used, what cannot be expressed can be expressed in html.


<STYLE type="text/css">
<!--
.case1 { text-transform:uppercase; }
.case2 { text-transform:lowercase; }
.case3 { text-transform:capitalize; }
-->
</STYLE>

<H4>text-transform:uppercase (大文字)</H4>
<P class="case1">if a style sheet is used, what cannot be expressed can be expressed in html.</P>

<H4>text-transform:lowercase (小文字)</H4>
<P class="case2">IF A STYLE SHEET IS USED, WHAT CANNOT BE EXPRESSED CAN BE EXPRESSED IN HTML.</P>

<H4>text-transform:capitalize (先頭の文字だけ大文字)</H4>
<P class="case3">if a style sheet is used, what cannot be expressed can be expressed in html.</P>