CSS font-variant 屬性 · W3School CSS 參考手冊

# CSS font-variant 屬性 ## 實例把段落設置為小型大寫字母字體： ``` p.small { font-variant:small-caps; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 font-variant 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 font-variant 屬性設置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。 ### 說明該屬性主要用于定義小型大寫字母文本。理論上，用戶代理可以根據正常字體計算出小型大寫字母字體。 | 默認值： | normal | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.fontVariant="small-caps" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | normal | 默認值。瀏覽器會顯示一個標準的字體。 | | small-caps | 瀏覽器會顯示小型大寫字母的字體。 | | inherit | 規定應該從父元素繼承 font-variant 屬性的值。 | ## TIY 實例 [設置字體的異體](/tiy/t.asp?f=csse_font-variant) 本例演示如何設置字體的異體。 ``` <html> <head> <style type="text/css"> p.normal {font-variant: normal} p.small {font-variant: small-caps} </style> </head> <body> <p class="normal">This is a paragraph</p> <p class="small">This is a paragraph</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 字體](/css/css_font.asp "CSS 字體") CSS 參考手冊：[CSS font 屬性](/cssref/pr_font_font.asp "CSS font 屬性") HTML DOM 參考手冊：[fontVariant 屬性](/jsref/prop_style_fontvariant.asp "HTML DOM fontVariant 屬性")