CSS font-weight 屬性
示例
為三個段落設定不同的字型粗細
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
自己動手試一試 »
定義和用法
font-weight
屬性設定文字字元的粗細或細度。
預設值 | normal |
---|---|
繼承 | 是 |
可動畫 | 是。 閱讀關於可動畫的內容 嘗試一下 |
版本 | CSS1 |
JavaScript 語法 | object.style.fontWeight="bold" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSS 語法
font-weight: normal|bold|bolder|lighter|數字|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
normal | 定義正常字元。這是預設值 | 演示 ❯ |
粗體 | 定義粗字元 | 演示 ❯ |
更粗 | 定義更粗的字元 | 演示 ❯ |
lighter | 定義更細的字元 | 演示 ❯ |
100 200 300 400 500 600 700 800 900 |
定義從細到粗的字元。400 等同於 normal,700 等同於 bold | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 字型
CSS 參考: font 屬性
HTML DOM 參考: fontWeight 屬性