CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS font 屬性使用方法及示例

font CSS屬性為元素的文本內(nèi)容設(shè)置樣式，變體，粗體，大小/行高和字體系列。它是用于在單個(gè)聲明font-style，font-variant，font-weight，font-size，line-height和font-family中設(shè)置各個(gè)字體屬性的簡(jiǎn)寫屬性

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	查看全部屬性
適用于：	所有元素
繼承：	是
可動(dòng)畫制作：	是的，因?yàn)樗儆浀哪承傩钥梢栽O(shè)置動(dòng)畫。請(qǐng)參考動(dòng)畫屬性。
版本：	CSS 1，2，3
JavaScript 語法：	object.style.font="italic small-caps bold 14px arial,sans-serif"

字體的使用語法

該屬性的語法如下：

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

使用字體簡(jiǎn)寫屬性時(shí)，必須滿足一些條件。如果不滿足這些條件，則該屬性無效并且將被完全忽略。

必須定義font-size和font-family屬性值。
必須在font-size值（如果有的話）之前定義font-style，font-variant和font-weight屬性的值。
line-height必須在font-size屬性之后立即定義屬性值，并在其前面加上強(qiáng)制性的“ /”（正斜杠）。
font-family必須是最后定義的值。

下面的示例演示了如何使用font屬性,請(qǐng)注意屬性值的順序。

示例

  h1 {
   font: bold 2.5em "Times New Roman", Times, serif;
  }
  p {
   font: normal 1.2em Arial, Helvetica, sans-serif;
  }

測(cè)試看看?/?

屬性值

下表描述了此屬性的值。

值	描述
font-style	設(shè)置字體樣式。
font-variant	設(shè)置字體變體。
font-weight	設(shè)置字體粗細(xì)。
font-size	設(shè)置字體大小。
line-height	設(shè)置線條高度。
font-family	指定字體系列。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素font的屬性值。
以下值是指系統(tǒng)字體：
caption	用于字幕控件的字體（例如，按鈕，下拉菜單等）。
icon	用于標(biāo)記圖標(biāo)的字體。
menu	菜單中使用的字體（例如，下拉菜單和菜單列表）。
message-box	對(duì)話框中使用的字體。
small-caption	用于標(biāo)記小型控件的字體。
status-bar	窗口狀態(tài)欄中使用的字體。

瀏覽器兼容性

font屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號(hào)；所有主流瀏覽器均支持該屬性。

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 3.5+

進(jìn)一步閱讀

請(qǐng)參考以下教程：CSS字體，CSS文本。

相關(guān)屬性和規(guī)則：font-style，font-variant，font-weight，font-size，line-height，font-family，@font-face。

CSS font-family 屬性 CSS float 屬性