<relative-size>

語法

<relative-size> = smaller | larger

值

<relative-size> 資料型別使用從以下列表中選擇的關鍵詞值進行定義。

smaller

比繼承尺寸小一號的相對尺寸。

larger

比繼承尺寸大一號的相對尺寸。

描述

<relative-size> 關鍵詞是相對於元素的當前尺寸。如果繼承尺寸使用 <absolute-size> 關鍵詞定義，則 <relative-size> 值等於 <absolute-size> 表中的相鄰尺寸。否則，尺寸的相對增加或減少在 120% 到 150% 之間。

示例

比較關鍵詞值

<ul>
  <li class="smaller">font-size: smaller;</li>
  <li>font-size is not specified</li>
  <li class="larger">font-size: larger;</li>
</ul>

li {
  margin-bottom: 0.3em;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}

結果

規範

另見

• CSS <absolute-size> 資料型別
• CSS font 和 font-size 屬性
• CSS 字型模組