CSS font-weight 屬性

定義和用法

font-weight 屬性設置文本的粗細。

說明

該屬性用于設置顯示元素的文本中所用的字體加粗。數字值 400 相當于 關鍵字 normal，700 等價于 bold。每個數字值對應的字體加粗必須至少與下一個最小數字一樣細，而且至少與下一個最大數字一樣粗。

另請參閱：

CSS 教程：CSS 字體

CSS 參考手冊：CSS font 屬性

HTML DOM 參考手冊：fontWeight 屬性

實例

設置三個段落的字體的粗細：

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

親自試一試

CSS 語法

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

屬性值

值 描述
normal 默認值。定義標準的字符。
bold 定義粗體字符。
bolder 定義更粗的字符。
lighter 定義更細的字符。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 定義由粗到細的字符。400 等同于 normal，而 700 等同于 bold。
inherit 規定應該從父元素繼承字體的粗細。

技術細節

默認值： normal
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.fontWeight="900"

TIY 實例

設置字體的粗細
本例演示如何設置字體的粗細。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5