这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
<frequency-percentage>
CSS
data type
represents a value that can be either a
<frequency>
或
<percentage>
. Frequency values, e.g. the pitch of a speaking voice, are not currently used in any CSS properties.
The value of a
<frequency-percentage>
is either a
<frequency>
或
<percentage>
; see their individual reference pages for details about their syntaxes.
Where a
<frequency-percentage>
is specified as an allowable type, this means that the percentage resolves to a frequency and therefore can be used in a
calc()
表达式。
90% Positive percentage +90% Positive percentage with leading + -90% Negative percentage — not valid for all properties that use percentages
90 % No space is allowed between the number and the unit
12Hz Positive integer 4.3Hz Non-integer 14KhZ The unit is case-insensitive, though non-SI capitalization is not recommended. +0Hz Zero, with a leading + and a unit -0kHz Zero, with a leading - and a unit
12.0 This is a <number>, not an <frequency>, because it is missing a unit. 7 Hz No space is allowed between the number and the unit. 0 Although unitless zero is an allowable <length>, it's an invalid <frequency>.
| 规范 | 状态 | 注释 |
|---|---|---|
|
CSS Values and Units Module Level 4
The definition of '<frequency-percentage>' in that specification. |
编者草案 | |
|
CSS Values and Units Module Level 3
The definition of '<frequency-percentage>' in that specification. |
候选推荐 |
定义
<frequency-percentage>
. Adds
calc()
|
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
<frequency-percentage>
|
Chrome 不支持 No | Edge 不支持 No | Firefox 不支持 No | IE 不支持 No | Opera 不支持 No | Safari 不支持 No | WebView Android 不支持 No | Chrome Android 不支持 No | Firefox Android 不支持 No | Opera Android 不支持 No | Safari iOS 不支持 No | Samsung Internet Android 不支持 No |
不支持
<angle-percentage>
<angle>
<basic-shape>
<blend-mode>
<custom-ident>
<dimension>
<frequency-percentage>
<frequency>
<gradient>
<image>
<integer>
<length-percentage>
<length>
<number>
<percentage>
<ratio>
<resolution>
<shape>
<string>
<time-percentage>
<time>
<transform-function>
<url>
color
flex
ident
position