Style font 屬性
- 上一頁 flexWrap
- 下一頁 fontFamily
- 返回上一層 HTML DOM Style 對象
定義和用法
font 屬性以簡寫形式設置或返回最多六個單獨的字體屬性。
通過此屬性，您可以設置/返回以下內容（按此順序）：
font-size 和 font-family 是必需。如果缺少其他值之一，則將插入默認值（如果有）。
上面的屬性也可以使用單獨的樣式屬性進行設置。強烈建議非高級作者使用單獨的屬性，以獲得更好的可控性。
另請參閱：
CSS 教程：CSS 字體
CSS 參考手冊：font 屬性
實例
例子 1
設置 <p> 元素的字體：
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
例子 2
返回 <p> 元素的字體：
alert(document.getElementById("myP").style.font);
語法
返回 font 屬性：
object.style.font
設置 font 屬性：
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
屬性值
| 值 | 描述 |
|---|---|
| style | 設置字體樣式。 |
| variant | 將文本設置為小型大寫字體。 |
| weight | 設置字體的粗細。 |
| size | 設置字體大小。 |
| lineHeight | 設置行間距。 |
| family | 設置字體。 |
| caption | 用于標題控件（如按鈕、下拉菜單等）的字體。 |
| icon | 用于標記圖標的字體。 |
| menu | 菜單中使用的字體。 |
| message-box | 對話框中使用的字體。 |
| small-caption | 小型控件中使用的字體。 |
| status-bar | 窗口狀態欄中使用的字體。 |
| initial | 將此屬性設置為其默認值。請參閱 initial。 |
| inherit | 從其父元素繼承此屬性。請參閱 inherit。 |
技術細節
| 默認值： | 未指定 |
|---|---|
| 返回值： | 字符串，表示元素的不同字體屬性。 |
| CSS 版本： | CSS1 |
瀏覽器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
- 上一頁 flexWrap
- 下一頁 fontFamily
- 返回上一層 HTML DOM Style 對象
