在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

<dimension> CSS data type represents a <number> with a unit attached to it, for example 10px .

CSS uses dimensions to specify distances ( <length> ), durations ( <time> ), frequencies ( <frequency> ), resolutions ( <resolution> ), and other quantities.

句法

The syntax of <dimension> 是 <number> immediately followed by a unit which is an identifier. Unit identifiers are case insensitive.

范例

Valid dimensions

12px      12 pixels
1rem      1 rem
1.2pt     1.2 points
2200ms    2200 milliseconds
5s        5 seconds
200hz     200 Hertz
200Hz     200 Hertz (values are case insensitive)
					

Invalid dimensions

12 px       The unit must come immediately after the number.
12"px"      Units are identifiers and therefore unquoted.
3sec        The seconds unit is abbreviated "s" not "sec".
					

规范

规范	状态	注释
CSS Values and Units Module Level 4 The definition of '<dimension>' in that specification.	编者草案	添加 cap , ic , lh , rlh , vi , vb
CSS Values and Units Module Level 3 The definition of '<dimension>' in that specification.	候选推荐	添加 ch , rem , vw , vw , vmin , vmax , Q
CSS Level 2 (Revision 1) The definition of '<dimension>' in that specification.	推荐	Defined under Numbers and Length
CSS Level 1 The definition of '<dimension>' in that specification.	推荐	Initial definition under "length units"

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
<dimension>	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 5	Opera 完整支持 3.5	Safari 完整支持 1	WebView Android 完整支持 ≤37	Chrome Android 完整支持 18	Firefox Android 完整支持 4	Opera Android 完整支持 10.1	Safari iOS 完整支持 1	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

另请参阅

• CSS data types
• Learn to style HTML using CSS
• CSS distances ( <length> ), durations ( <time> ), frequencies ( <frequency> ), and resolutions ( <resolution> )

元数据

• 最后修改： Aug 10, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Types
4. 特性

   1. <angle-percentage>
   2. <angle>
   3. <basic-shape>
   4. <blend-mode>
   5. <custom-ident>
   6. <dimension>
   7. <frequency-percentage>
   8. <frequency>
   9. <gradient>
   10. <image>
   11. <integer>
   12. <length-percentage>
   13. <length>
   14. <number>
   15. <percentage>
   16. <ratio>
   17. <resolution>
   18. <shape>
   19. <string>
   20. <time-percentage>
   21. <time>
   22. <transform-function>
   23. <url>
   24. color
   25. flex
   26. ident
   27. position