<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 字体模块