CSS font 屬性
示例
使用簡寫宣告設定一些字型屬性
p.a {
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
font 屬性是以下屬性的簡寫屬性：
font-size 和 font-family 值是必需的。如果其他值缺失，則使用其預設值。
注意： line-height 屬性設定行之間的間距。
| 預設值 | 字型屬性的預設值 |
|---|---|
| 繼承 | 是 |
| 可動畫 | 是，參見各個屬性。 閱讀關於可動畫屬性 嘗試一下 |
| 版本 | CSS1 |
| JavaScript 語法 | object.style.font="italic small-caps bold 12px arial,sans-serif" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意：請參閱下方各個值的瀏覽器支援情況。
CSS 語法
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
屬性值
| 屬性/值 | 描述 | 演示 |
|---|---|---|
| font-style | 指定字型樣式。預設值為 "normal" | 演示 ❯ |
| font-variant | 指定字型變體。預設值為 "normal" | 演示 ❯ |
| font-weight | 指定字型粗細。預設值為 "normal" | 演示 ❯ |
| font-size/line-height | 指定字型大小和行高。預設值為 "normal" | 演示 ❯ |
| font-family | 指定字體系列。預設值取決於瀏覽器 | 演示 ❯ |
| 標題 | 使用系統用於帶標籤控制元件（如按鈕、下拉列表等）的字型 | |
| icon | 使用系統用於圖示標籤的字型 | |
| 選單 | 使用系統用於下拉選單的字型 | |
| 訊息框 | 使用系統用於對話方塊的字型 | |
| 小標題 | caption 字型的一個小版本 | |
| 狀態列 | 使用系統用於狀態列的字型 | |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
示例
演示一些其他字型屬性值。
<p style="font:caption">瀏覽器用於帶標籤控制元件的字型。</p>
<p style="font:icon">瀏覽器用於圖示標籤的字型。</p>
<p style="font:menu">瀏覽器用於下拉選單的字型。</p>
<p style="font:message-box">瀏覽器用於對話方塊的字型。</p>
<p style="font:small-caption">caption 字型的一個小版本。</p>
<p style="font:status-bar">瀏覽器用於狀態列的字型。</p>
自己動手試一試 »
相關頁面
CSS 教程：CSS 字型
HTML DOM 參考： font 屬性
