<relative-size>

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

语法

<relative-size> = smaller | larger

Values

<relative-size> 数据类型使用从下面列表中选择的关键字值定义。

smaller

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

larger

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

描述

<relative-size> 关键词相对于元素当前大小。如果继承的大小使用 <absolute-size> 关键词定义,则 <relative-size> 值等效于 <absolute-size> 表格 中的相邻大小。否则,大小的相对增加或减少在 120% 到 150% 之间。

示例

Comparing the keyword values

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

Result

规范

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

另请参阅