CSS font-variant-caps 屬性
- 上一頁 font-variant
- 下一頁 font-weight
定義和用法
font-variant-caps 屬性控制大寫字母的替代字形的使用。
另請參閱:
CSS 教程:CSS 字體
CSS 參考手冊:font 屬性
HTML DOM 參考手冊:fontVariant 屬性
實例
將段落設置為小寫字體:
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;}
CSS 語法
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
屬性值
值 | 描述 |
---|---|
normal | 停用備用字形的使用。 |
small-caps | 顯示小型大寫字母。 |
all-small-caps | 把大寫和小寫字母都顯示為小型大寫字母。 |
petite-caps | 顯示特小型大寫字母。 |
all-petite-caps | 把大寫和小寫字母都顯示為特小型大寫字母。 |
unicase | 允許將大寫字母轉化為小型大寫字母與普通小寫字母的混用。 |
titling-caps | 顯示首字母大寫。 |
initial | 將此屬性設置為其默認值。參閱 initial。 |
inherit | 從其父元素繼承此屬性。參閱 inherit。 |
unset |
注釋:小型大寫字母指使用大寫形式,但尺寸與對應小寫字母相同的字母。
技術細節
默認值: | normal |
---|---|
繼承: | 是 |
動畫制作: | 不支持。請參閱:動畫相關屬性。 |
版本: | CSS3 |
JavaScript 語法: | object.style.fontVariantCaps="small-caps" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
52.0 | 79.0 | 34.0 | 不支持 | 39.0 |
- 上一頁 font-variant
- 下一頁 font-weight