CSS 值和单位
每个 CSS 声明都由一个属性/值对组成。值的具体形式因属性而异,例如:单个整数、关键字、函数,或是不同元素的组合;部分值具有单位,而另一些则没有单位。所有属性都接受 CSS 全局值(CSS-wide value)。CSS 值和单位模块定义了 CSS 属性所接受的数据类型,包括各类值和单位。该模块还定义了 CSS 值定义语法(即形式语法),用于规范所有 CSS 属性和函数的有效取值范围。
参考
属性
函数
abs()
acos()
asin()
atan()
atan2()
attr()
calc()
calc-size()
clamp()
cos()
exp()
hypot()
<ident()>
inherit()
log()
max()
min()
mod()
pow()
rem()
round()
sign()
sin()
sqrt()
tan()
<url()>
规范中定义了包括 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>
单位
%
(百分比)cap
ch
cm
deg
dpcm
dpi
dppx
dvb
dvh
dvi
dvmax
dvmin
dvw
em
ex
grad
Hz
ic
in
kHz
lh
lvb
lvh
lvi
lvmax
lvmin
lvw
mm
ms
pc
pt
px
Q
rad
rcap
rch
rem
rex
ric
rlh
s
svb
svh
svi
svmax
svmin
svw
turn
vb
vh
vi
vmax
vmin
vw
x
弹性单位(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
)
关键概念
指南
相关
规范
Specification |
---|
CSS Values and Units Module Level 3 |
CSS Values and Units Module Level 4 |
CSS Values and Units Module Level 5 |