<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</li>
  <li class="larger">font-size: larger;</li>
</ul>

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

结果

规范

参见

• CSS <relative-size> 数据类型
• CSS font 和 font-size 属性
• CSS 字体模块