ぱたぱたアニメ館font-variant-caps CSS3
font-variant-caps は、大文字、小文字の表示の仕方を指定します。
| 名前 | : | font-variant-caps |
| 値 | : | normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps |
| 初期値 | : | normal |
| 適用対象 | : | 全ての要素 |
| 継承 | : | する |
| パーセンテージ | : | n/a |
| メディア | : | visual（視覚的） |
| 計算値 | : | as specified（指定通り） |
| アニメーション | : | できない |
Value（値）
- normal
- 初期値 標準
- small-caps
- スモールキャピタル表示を有効にする。小文字を小文字サイズの大文字に変更。
- all-small-caps
- 大文字と小文字の両方のスモールキャピタル表示を有効にする。
- petite-caps
- 超小型の大文字の表示を有効にする。
- all-petite-caps
- 大文字、小文字の両方を超小型の大文字で表示。
- unicase
- 大文字、小文字を混在表示。
- titling-caps
- タイトル用に作られた大文字の表示。
スモールキャピタル（スモールキャップ）（small capital / small cap）は、小文字の大きさの大文字のこと。
HTML source
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
p.test1 { font-variant-caps: normal; }
p.test2 { font-variant-caps: small-caps; }
p.test3 { font-variant-caps: all-small-caps; }
p.test4 { font-variant-caps: petite-caps; }
p.test5 { font-variant-caps: all-petite-caps; }
p.test6 { font-variant-caps: unicase; }
p.test7 { font-variant-caps: titling-caps; }
</style>
</head>
<body>
<p class="test1">SMALL small AbCdeFgHi</p>
<p class="test2">SMALL small AbCdeFgHi</p>
<p class="test3">SMALL small AbCdeFgHi</p>
<p class="test4">SMALL small AbCdeFgHi</p>
<p class="test5">SMALL small AbCdeFgHi</p>
<p class="test6">SMALL small AbCdeFgHi</p>
<p class="test7">SMALL small AbCdeFgHi</p>
</body>
</html>
display
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
SMALL small AbCdeFgHi
＜small と petite の大きさ比較＞
