<absolute-size>
<absolute-size> CSS 資料型別 描述了絕對大小關鍵字。此資料型別用於 font 簡寫和 font-size 屬性。
字型大小關鍵字被對映到已廢棄的 HTML size 屬性。請參閱下面的HTML size 屬性部分)。
語法
<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large
值
<absolute-size> 資料型別使用從下面列表中選擇的關鍵字值進行定義。
xx-small-
絕對大小為
medium的 60%。對映到已廢棄的size="1"。 x-small-
絕對大小為
medium的 75%。 small-
絕對大小為
medium的 89%。對映到已廢棄的size="2"。 medium-
使用者首選的字型大小。此值用作參考中間值。對映到
size="3"。 large-
絕對大小比
medium大 20%。對映到已廢棄的size="4"。 x-large-
絕對大小比
medium大 50%。對映到已廢棄的size="5"。 xx-large-
絕對大小是
medium的兩倍。對映到已廢棄的size="6"。 xxx-large-
絕對大小是
medium的三倍。對映到已廢棄的size="7"。
描述
每個 <absolute-size> 關鍵字值的大小都相對於 medium 大小和裝置的具體特性(例如裝置解析度)進行調整。使用者代理為每種字型維護一個字型大小表,其中 <absolute-size> 關鍵字是索引。
在 CSS1 (1996) 中,相鄰關鍵字值索引之間的縮放因子為 1.5,這太大了。在 CSS2 (1998) 中,相鄰關鍵字值索引之間的縮放因子為 1.2,這為小值帶來了問題。由於發現相鄰絕對大小關鍵字之間單一固定比例存在問題,因此不再有固定比例的建議。唯一保留可讀性的建議是最小字型大小不應小於 9px。
對於每個 <absolute-size> 關鍵字值,下表列出了縮放因子、對映到 <h1> 到 <h6> 標題,以及對映到已廢棄的 HTML size 屬性。
<absolute-size> |
xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large |
|---|---|---|---|---|---|---|---|---|
| 縮放因子 | 3/5 | 3/4 | 8/9 | 1 | 6/5 | 3/2 | 2/1 | 3/1 |
| HTML 標題 | h6 | h5 | h4 | h3 | h2 | h1 | ||
HTML size 屬性 |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
HTML size 屬性
用於在 HTML 中設定字型大小的 size 屬性已廢棄。屬性值可以是介於 1 和 7 之間的整數,也可以是相對值。相對值是前面帶有 + 或 - 的整數,分別用於增大或減小字型大小。值 +1 表示將 size 增加 1,-2 表示將大小減小 2,計算值被限制在最小 1 和最大計算值 7 之間。
示例
比較關鍵字值
<ul>
<li class="xx-small">font-size: xx-small;</li>
<li class="x-small">font-size: x-small;</li>
<li class="small">font-size: small;</li>
<li class="medium">font-size: medium;</li>
<li class="large">font-size: large;</li>
<li class="x-large">font-size: x-large;</li>
<li class="xx-large">font-size: xx-large;</li>
<li class="xxx-large">font-size: xxx-large;</li>
</ul>
li {
margin-bottom: 0.3em;
}
.xx-small {
font-size: xx-small;
}
.x-small {
font-size: x-small;
}
.small {
font-size: small;
}
.medium {
font-size: medium;
}
.large {
font-size: large;
}
.x-large {
font-size: x-large;
}
.xx-large {
font-size: xx-large;
}
.xxx-large {
font-size: xxx-large;
}
結果
規範
| 規範 |
|---|
| CSS 字型模組第 4 級 # valdef-font-size-absolute-size |
另見
- CSS
<relative-size>資料型別 - CSS
font和font-size屬性 - CSS 字型模組