スモールキャップを指定する

スモールキャップ文字を使う属性です。大文字でありながら、サイズが小さい文字をスモールキャップ文字といいます。この属性を指定すると、小文字も大文字に変換され、なおかつ大文字より文字のサイズが小さくなります。

セレクタ名{font-variant:値;}

<span ID="セレクタ名">テキスト</span>

small-caps

スモールキャップ

normal

デフォルト

例1

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>スモールキャップを指定する</title>
<style type="text/css">
<!--
#small-caps {font-variant:small-caps;}
-->
</style>
</head>
<body>
htmlとstylesheet
<br>
<span ID="small-caps">htmlとstylesheet</span>
</body>
</html>

こうなります