　スモールキャップ文字

■font-variant:

指定できる値

キーワード

small-caps
normal

スモールキャップ文字とは英語の文章などで使われる表現の一つで、通常の大文字よりも小さいサイズの大文字で表現されます。

font-variantの値にsmall-capsを指定すればスモールキャップ文字で表示されますが、大きさだけが小さくなるだけではなく、小文字はすべて大文字に変換されます。

もし、日本語に対して指定した場合は、少しだけ小さく表示されます。なお、Netscape Navigator4.7には対応していません。

サンプル - Microsoft Internet Explorer

SMALL-caps check1

SMALL-caps CHECK2

日本語です

HTML&CSS

<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
.test1	{ font-variant:small-caps; }
.test2	{ font-variant:normal;     }
-->
</style>
</head>
<body>
<p class="test1">SMALL-caps CHECK1</p>
<p class="test2">SMALL-caps CHECK2</p>
<p class="test1">日本語です</p>
<p class="test2">日本語です</p>
</body>
</html>