<relative-size>
<relative-size>
CSS 数据类型描述了相对尺寸关键字。<relative-size>
关键字定义相对于父元素计算尺寸的大小,此数据类型用于 font
简写属性和 font-size
属性。
语法
<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 |
参见
- CSS
<relative-size>
数据类型 - CSS
font
和font-size
属性 - CSS 字体模块