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>