字体／フォント

Since: 23rd/May/2002; Last Modified: 24th/May/2002

フォントの大文字と小文字の指定 - font-variant

アルファベットの場合、大文字と小文字があり、スタイルシートで指定する事が出来ます。

小文字を背の低い大文字で表現する事を small-caps (Samll Capital) と呼びます。 address 要素に small-caps を指定してみましょう：

body { background: url("./rindou5.gif") navy;
    color: #ccf }
h1 { font-style: italic }
p { background : #ccf;
    color: navy }
address { font-style: normal;
    font-variant: small-caps }

ango.css を上のように編集／保存して、 yonagahime.html をブラウザで開くと、 address 要素の小文字は背の低い大文字で表現されていることが確認できます。古いブラウザは対応していませんが、 MS I.E. 6, Netscape 6, Opera 6 は対応しています。