font-variant: small-caps;
font-variant は、スモールキャピタルを指定するプロパティです。
このプロパティの値に small-caps を指定すると、アルファベットの小文字の部分が「大文字を縮小したような形」で表示されます。
p {
font-variant: small-caps;
}
プロパティ名 | 値 | 説明 |
---|---|---|
font-variant | normal | スモールキャピタルのフォントを使用しない (初期値) |
small-caps | スモールキャピタルのフォントを使用する |
このスタイルの指定は、大文字と小文字を持つフォントに対してのみ有効です。(日本語などの場合は効果がありません)
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<style type="text/css">
p {
font-size: 200%;
font-family: Arial,sans-serif;
}
p.example { font-variant: small-caps; }
</style>
</head>
<body>
<p>HTML index Web Site</p>
<p class="example">HTML index Web Site</p>
</body>
</html>
表示例
HTML index Web Site
HTML index Web Site
- サイト内検索