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

# CSS font-weight 屬性 ## 實例設置三個段落的字體的粗細： ``` p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 font-weight 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 font-weight 屬性設置文本的粗細。 ### 說明該屬性用于設置顯示元素的文本中所用的字體加粗。數字值 400 相當于關鍵字 normal，700 等價于 bold。每個數字值對應的字體加粗必須至少與下一個最小數字一樣細，而且至少與下一個最大數字一樣粗。 | 默認值： | normal | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.fontWeight="900" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | normal | 默認值。定義標準的字符。 | | bold | 定義粗體字符。 | | bolder | 定義更粗的字符。 | | lighter | 定義更細的字符。 | | * 100 * 200 * 300 * 400 * 500 * 600 * 700 * 800 * 900 | 定義由粗到細的字符。400 等同于 normal，而 700 等同于 bold。 | | inherit | 規定應該從父元素繼承字體的粗細。 | ## TIY 實例 [設置字體的粗細](/tiy/t.asp?f=csse_font-weight) 本例演示如何設置字體的粗細。 ``` <html> <head> <style type="text/css"> p.normal {font-weight: normal} p.thick {font-weight: bold} p.thicker {font-weight: 900} </style> </head> <body> <p class="normal">This is a paragraph</p> <p class="thick">This is a paragraph</p> <p class="thicker">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 參考手冊：[fontWeight 屬性](/jsref/prop_style_fontweight.asp "HTML DOM fontWeight 屬性")