CSS font 複合屬性的順序，cssfont複合順序

CSS font 複合屬性的順序，cssfont複合順序
CSS 參考手冊執行個體

在一個聲明中設定所有字型屬性：

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

親自試一試

瀏覽器支援

IE	Firefox	Chrome	Safari	Opera

所有瀏覽器都支援 font 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。

定義和用法

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

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

說明

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

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

• font-style
• font-variant
• font-weight
• font-size/line-height
• font-family

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

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

可能的值

值	描述
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	定義被視窗狀態列使用的字型。

TIY 執行個體

所有字型屬性在一個聲明之內

本例示範如何使用簡寫屬性將字型屬性設定在一個聲明之內。

設定使用 "caption" 值的段落字型

本例示範如何設定使用 "caption" 值的段落字型。

相關頁面

CSS 教程：CSS 字型

HTML DOM 參考手冊：font 屬性

CSS 參考手冊