View in English Always switch to English

CSS 值和单位

每个 CSS 声明都由一个属性/值对组成。值的具体形式因属性而异,例如:单个整数、关键字、函数,或是不同元素的组合;部分值具有单位,而另一些则没有单位。所有属性都接受 CSS 全局值(CSS-wide value)。CSS 值和单位模块定义了 CSS 属性所接受的数据类型,包括各类值和单位。该模块还定义了 CSS 值定义语法(即形式语法),用于规范所有 CSS 属性和函数的有效取值范围。

规范中定义了包括 calc-mix()、crossorigin()、first-valid()、if()、integrity()、progress()、random()、random-item()、referrerpolicy()、sibling-count()、sibling-index()、src()、type() 和 toggle() 在内的额外函数,但这些函数目前尚未在浏览器中实现。

数据类型

<angle-percentage>
<angle>
<animation-timeline>
<attr-name>
<attr-type>
<calc-keyword>(e、pi、infinity、NaN)
<calc-size-basis>
<calc-sum>
<custom-ident>
<dashed-ident>
<dimension>
<easing-function>
<first-valid()>
<frequency>
<frequency-percentage>
<ident>
<integer>
<length-percentage>
<length>
<number>
<percentage>
<position>
<ratio>
<resolution>
<rounding-strategy>(down、up、to-zero)
<string>
<syntax>
<time-percentage>
<time>
<url>
<url-modifier>
<view-timeline-name>

单位

弹性单位(fr)和容器单位(cqb、cqh、cqi、cqmax、cqmin、cqw)分别定义于 CSS 网格布局和 CSS 条件规则模块。

单位分类

绝对长度单位(cm、in、mm、pc、pt、px、Q)
角度单位(deg、grad、rad、turn)
默认视口单位(vb , vh、vi , vmax、vmin、vw)
动态视口单位(dvb、dvh、dvi、dvmax、dvmin、dvw)
频率单位(Hz、kHz)
大视口百分比单位(lvb、lvh、lvi、lvmax、lvmin、lvw)
本地字体相对长度单位(cap、ch、em、ex、ic、lh)
物理单位(cm、in、mm、pc、pt、Q)
相对长度单位(cap、ch、em、ex、ic、lh、rem、rlh、vb、vh、vi、vmax、vmin、vw)
分辨率单位(dpcm、dpi , dppx、x)
根字体相对长度单位(rcap、rch、rem、rex、ric、rlh)
小视口百分比单位(svb、svh、svi、svmax、svmin、svw)
时间单位(ms、s)
视口单位(dvh、dvw、lvh、lvw、svh、svw、vb , vh、vi , vmax、vmin、vw)
视觉角度单位(px)