<relative-size>

<relative-size> CSS 数据类型描述了相对尺寸关键字。<relative-size> 关键字定义相对于父元素计算尺寸的大小,此数据类型用于 font 简写属性和 font-size 属性。

语法

<relative-size> = smaller | larger

<relative-size> 数据类型使用以下列表中的关键字值来定义。

smaller

比继承尺寸小一个单位的相对尺寸。

larger

比继承尺寸大一个单位的相对尺寸。

描述

<relative-size> 关键字定义了相对元素当前尺寸的大小。如果继承的尺寸使用 <absolute-size> 关键字定义,<relative-size> 值等同于 <absolute-size> 表格中的相邻尺寸。否则,尺寸的相对增减幅度在 120% 到 150% 之间。

示例

比较关键字值

html
<ul>
  <li class="smaller">font-size: smaller;</li>
  <li>未指定 font-size</li>
  <li class="larger">font-size: larger;</li>
</ul>
css
li {
  margin-bottom: 0.3em;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}

结果

规范

Specification
CSS Fonts Module Level 4
# valdef-font-size-relative-size

参见