Style fontWeight 屬性

定義和用法

fontWeight 屬性設置或返回文本中字符的粗細程度。

另請參閱：

CSS 教程：CSS 字體

CSS 參考手冊：font-weight 屬性

HTML DOM 參考手冊：font 屬性

實例

例子 1

將 <p> 元素的字體粗細設置為 "900"：

document.getElementById("myP").style.fontWeight = "900";

親自試一試

例子 2

對可能值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

親自試一試

例子 3

返回 <p> 元素的字體粗細：

alert(document.getElementById("myP").style.fontWeight);

親自試一試

語法

返回 fontWeight 屬性：

object.style.fontWeight

設置 fontWeight 屬性：

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

屬性值

值 描述
normal 字體正常。默認。
lighter 字體更細。
bold 字體為粗體。
bolder 字體更粗。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

定義從細體到粗體的字符。

400 與 normal 一樣，700 與 bold 一樣。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： normal
返回值： 字符串值，表示字體的粗細。
CSS 版本： CSS1

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持