CSS font 屬性
定義和用法
font 簡寫屬性在一個聲明中設(shè)置所有字體屬性。
注釋：此屬性也有第六個值："line-height"，可設(shè)置行間距。
說明
這個簡寫屬性用于一次設(shè)置元素字體的兩個或更多方面。使用 icon 等關(guān)鍵字可以適當(dāng)?shù)卦O(shè)置元素的字體，使之與用戶計算機環(huán)境中的某個方面一致。注意，如果沒有使用這些關(guān)鍵詞，至少要指定字體大小和字體系列。
可以按順序設(shè)置如下屬性：
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
可以不設(shè)置其中的某個值，比如 font:100% verdana; 也是允許的。未設(shè)置的屬性會使用其默認(rèn)值。
| 默認(rèn)值： | not specified |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.font="italic small-caps bold 12px arial,sans-serif" |
實例
在一個聲明中設(shè)置所有字體屬性：
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
瀏覽器支持
所有瀏覽器都支持 font 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| font-style | 規(guī)定字體樣式。參閱：font-style 中可能的值。 |
| font-variant | 規(guī)定字體異體。參閱：font-variant 中可能的值。 |
| font-weight | 規(guī)定字體粗細(xì)。參閱：font-weight 中可能的值。 |
| font-size/line-height | 規(guī)定字體尺寸和行高。參閱：font-size 和 line-height 中可能的值。 |
| font-family | 規(guī)定字體系列。參閱：font-family 中可能的值。 |
| caption | 定義被標(biāo)題控件（比如按鈕、下拉列表等）使用的字體。 |
| icon | 定義被圖標(biāo)標(biāo)記使用的字體。 |
| menu | 定義被下拉列表使用的字體。 |
| message-box | 定義被對話框使用的字體。 |
| small-caption | caption 字體的小型版本。 |
| status-bar | 定義被窗口狀態(tài)欄使用的字體。 |
TIY 實例
- 所有字體屬性在一個聲明之內(nèi)
- 本例演示如何使用簡寫屬性將字體屬性設(shè)置在一個聲明之內(nèi)。
- 設(shè)置使用 "caption" 值的段落字體
- 本例演示如何設(shè)置使用 "caption" 值的段落字體。