CSS font 屬性

定義和用法

font 簡寫屬性在一個聲明中設置所有字體屬性。

注釋：此屬性也有第六個值："line-height"，可設置行間距。

說明

這個簡寫屬性用于一次設置元素字體的兩個或更多方面。使用 icon 等關鍵字可以適當地設置元素的字體，使之與用戶計算機環境中的某個方面一致。注意，如果沒有使用這些關鍵詞，至少要指定字體大小和字體系列。

可以按順序設置如下屬性：

可以不設置其中的某個值，比如 font:100% verdana; 也是允許的。未設置的屬性會使用其默認值。

另請參閱：

CSS 教程：CSS 字體

HTML DOM 參考手冊：font 屬性

實例

在一個聲明中設置所有字體屬性：

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

親自試一試

CSS 語法

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

屬性值

值 描述
font-style 規定字體樣式。參閱：font-style 中可能的值。
font-variant 規定字體異體。參閱：font-variant 中可能的值。
font-weight 規定字體粗細。參閱：font-weight 中可能的值。
font-size/line-height 規定字體尺寸和行高。參閱：font-size 和 line-height 中可能的值。
font-family 規定字體系列。參閱：font-family 中可能的值。
caption 定義被標題控件（比如按鈕、下拉列表等）使用的字體。
icon 定義被圖標標記使用的字體。
menu 定義被下拉列表使用的字體。
message-box 定義被對話框使用的字體。
small-caption caption 字體的小型版本。
status-bar 定義被窗口狀態欄使用的字體。

技術細節

默認值： not specified
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY 實例

所有字體屬性在一個聲明之內
本例演示如何使用簡寫屬性將字體屬性設置在一個聲明之內。
設置使用 "caption" 值的段落字體
本例演示如何設置使用 "caption" 值的段落字體。

瀏覽器支持

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

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