font

設定物件的個別字型屬性組合。亦或是從使用者喜好設定中的六個字型當中,設定一或多個字型。

語法

{ font:sFont}

可能的值

sFont

指定下列以空白分隔之屬性值 (最多六個),或設定六個已列示字型的字串:

font-style

font-style 屬性可用的任何字型樣式值範圍。

font-variant

font-variant 屬性可用的任何字型變化值範圍。

font-weight

font-weight 屬性可用的任何字型粗細值範圍。

font-size

font-size 屬性可用的任何字型大小值範圍。當此值為後接百分比符號 (%) 的整數時,值為父物件字型大小的百分比。

line-height

line-height 屬性可用的任何行高值範圍。行高百分比值是以元素本身之字型大小的百分比計算,而不是父項。

font-family

font-family 屬性可用的任何字型家族值範圍。此屬性可設為多個以逗號分隔的值。其預設值會隨著使用者設定的不同而改變。

此屬性的預設值為 normal normal normal medium normal "Times New Roman" 。這是繼承屬性。

備註

此屬性是最多可指定六個字型值的複合屬性。font-style、font-variant 及 font-weight 值能以任何順序出現在 font-size 前。不過 font-size、line-height 及 font-family 必須以列示的順序出現。設定 font 屬性也會設定元件屬性。在此情況下,字串必須是有效值的組合才能供元件屬性使用;只有 font-family 值能具有多個值。如果字串沒有包含供元件屬性使用的值,則不論該元件屬性先前的設定為何,都會設為其預設值。

範例

下列範例使用 font 屬性來變更字型特性。此範例使用內嵌樣式表來設定字型屬性:

<span style="font:italic normal bolder 12pt Arial"> 
  Note 
</span>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee371240.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, select, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

另請參閱

概念

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