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

# CSS font-style 屬性 ## 實例為三個段落設置不同的字體樣式： ``` p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 font-style 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 font-style 屬性定義字體的風格。 ### 說明該屬性設置使用斜體、傾斜或正常字體。斜體字體通常定義為字體系列中的一個單獨的字體。理論上講，用戶代理可以根據正常字體計算一個斜體字體。 | 默認值： | normal | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.fontStyle="italic" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | normal | 默認值。瀏覽器顯示一個標準的字體樣式。 | | italic | 瀏覽器會顯示一個斜體的字體樣式。 | | oblique | 瀏覽器會顯示一個傾斜的字體樣式。 | | inherit | 規定應該從父元素繼承字體樣式。 | ## TIY 實例 [設置字體風格](/tiy/t.asp?f=csse_font-style) 本例演示如何設置字體風格。 ``` <html> <head> <style type="text/css"> p.normal {font-style:normal} p.italic {font-style:italic} p.oblique {font-style:oblique} </style> </head> <body> <p class="normal">This is a paragraph, normal.</p> <p class="italic">This is a paragraph, italic.</p> <p class="oblique">This is a paragraph, oblique.</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 字體](/css/css_font.asp "CSS 字體") CSS 參考手冊：[CSS font 屬性](/cssref/pr_font_font.asp "CSS font 屬性") HTML DOM 參考手冊：[fontStyle 屬性](/jsref/prop_style_fontstyle.asp "HTML DOM fontStyle 屬性")