最新的Web開發教程
 

Style font Property

<Style對象

設置為一個字體<p>元素:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
試一試»

定義和用法

字體屬性設置或返回多達六個單獨的字體屬性,在一個速記形式。

有了這個屬性,你可以設置/返回以下(按順序):

  • 字體樣式
  • 字體變形
  • 字體重量
  • 字體大小
  • 行高
  • 字體系列

字體大小和字體家庭是必需的。 如果其他值中的一個缺失,則默認值將被插入,如果有的話。

上面的性質也可與單獨的樣式屬性中設置。 強烈建議非高級作者為更好的可控性使用單獨的屬性。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

字體屬性在所有主流瀏覽器的支持。


句法

返回字體屬性:

object .style.font

設置字體屬性:

object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

屬性值

描述
style 設置字體風格
variant 設置在小瓶蓋字體文本
weight 設置字體的氣魄
size 設置字體的大小
lineHeight 設置線之間的距離
family 設置字體的臉
caption 用於標題控制字體(like buttons, drop-downs, etc.)
icon 用於標記圖標的字體
menu 在菜單中使用的字體
message-box 在對話框中使用的字體
small-caption 在小的控制中使用的字體
status-bar 在窗口狀態欄使用的字體
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 未標明
返回值: 一個字符串,表示元件的不同字體屬性
CSS版本 CSS1

更多示例

返回的字體<p>元素:

alert(document.getElementById("myP").style.font);
試一試»

相關頁面

CSS教程: CSS字體

CSS參考: font property


<Style對象