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" 值的段落字體。