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