例
對於三段設置不同的字體重量:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
試一試» 定義和用法
該font-weight屬性設置如何在文本厚或薄的字符應顯示。
默認值: | normal |
---|---|
遺傳: | yes |
動畫: | yes. Read about animatable Try it |
版: | CSS1 |
JavaScript語法: | object .style.fontWeight="bold" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
font-weight | 2.0 | 4 | 1.0 | 1.3 | 3.5 |
CSS語法
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
屬性值
值 | 描述 | 播放 |
---|---|---|
normal | 定義普通字符。 這是默認 | 播放 ” |
bold | 定義粗體字符 | 播放 ” |
bolder | 定義較厚的字符 | 播放 ” |
lighter | 定義更輕字符 | 播放 ” |
100 200 300 400 500 600 700 800 900 | 定義由稀到稠的字符。 400是一樣的正常和700是一樣的加粗 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS教程: CSS字體
CSS參考: font property
HTML DOM參考: fontWeight property