<relative-size>
<relative-size>
CSS 数据类型 描述了相对大小关键词。<relative-size>
关键词定义了相对于父元素计算大小的相对大小。此数据类型在 font
简写和 font-size
属性中使用。
语法
<relative-size> = smaller | larger
Values
描述
<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 |
另请参阅
- CSS
<absolute-size>
数据类型 - CSS
font
和font-size
属性 - CSS 字体 模块