CSS font-variant-caps 屬性
示例
設定段落使用小型大寫字母字型
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
自己動手試一試 »
定義和用法
font-variant-caps 屬性控制大寫字母的備用字形的使用。
| 預設值 | normal |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.fontVariantCaps="small-caps" |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font-variant-caps | 52.0 | 79.0 | 34.0 | 9.1 | 39.0 |
CSS 語法
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| normal | 停用備用字形的使用 | 演示 ❯ |
| 小型大寫字母 | 顯示小型大寫字母 | 演示 ❯ |
| all-small-caps | 為大寫和小寫字母都顯示小型大寫字母 | 演示 ❯ |
| petite-caps | 顯示小型字形 | 演示 ❯ |
| all-petite-caps | 為大寫和小寫字母都顯示小型字形 | 演示 ❯ |
| unicase | 顯示大寫字母的小型大寫字母與普通小寫字母的混合 | 演示 ❯ |
| titling-caps | 顯示標題大寫字母 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit | |
| unset |
相關頁面
CSS 教程:CSS 字型
CSS 參考: font 屬性
HTML DOM 參考: fontVariant 屬性