font

語法:

font:[ [font-style||font-variant||font-weight||font-stretch]?font-size[ /line-height]?font-family] | caption | icon | menu | message-box | small-caption | status-bar

預設值看獨立屬性自身

適用於:所有元素

繼承性:有

動畫性:看獨立屬性自身

計算值:看獨立屬性自身

媒 體:視覺

取值:

font-style
指定文字字體樣式
font-variant
指定文字是否為小型的大寫字母
font-weight
指定文字字體的粗細
font-stretch
指定文字字體拉伸變形
font-size
指定文字字體尺寸
line-height
指定文字字體的行高
font-family
指定文字使用某個字體或字體序列
caption:
使用有標題的系統控件的文字字體(如按鈕,菜單等)(CSS2)
icon:
使用圖標標簽的字體(CSS2)
menu:
使用菜單的字體(CSS2)
message-box:
使用內容對話框的文字字體(CSS2)
small-caption:
使用小控件的字體(CSS2)
status-bar:
使用視窗狀態欄的字體(CSS2)

說明:

簡寫屬性。定義元素的文字特性。
  • 使用font屬性參數必須按照如上的排列順序,且font-sizefont-family是不可忽略的。每個參數僅允許有一個值。忽略的將使用其參數對應的獨立屬性的預設值。
  • 對於如何使用客戶端系統沒有字體和自訂字體,可以參閱@font-face規則。
  • 對應的腳本特性為:font

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: