此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
<relative-size>
<relative-size>CSS数据类型描述了相对尺寸关键字。<relative-size> 关键字定义相对于父元素计算尺寸的大小,此数据类型用于font 简写属性和font-size 属性。
In this article
语法
<relative-size> = smaller | larger
值
<relative-size> 数据类型使用以下列表中的关键字值来定义。
描述
<relative-size> 关键字定义了相对元素当前尺寸的大小。如果继承的尺寸使用<absolute-size> 关键字定义,<relative-size> 值等同于<absolute-size> 表格中的相邻尺寸。否则,尺寸的相对增减幅度在 120% 到 150% 之间。
示例
>比较关键字值
html
<ul> <li>font-size: smaller;</li> <li>未指定 font-size</li> <li>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 字体模块