角度 | <angle>
CSS数据类型<angle>
用于表示角的大小,单位为度(degrees)、 百分度(gradians)、弧度(radians)或圈数(turns)。在<gradient>
和transform
的某些方法等场景中有所应用。
<angle>
可以使用+
或-
开头。正数表示顺时针的角,负数表示逆时针的角。对于静态的角,同样的角度可以使用任意等效的值表示。比如90deg
等于 -270deg
,1turn
等于 4turn
。而对于动态的角,比如应用了animation
或transition
时,显示效果则不一样。
语法
<angle>
数据类型由<number>
和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。
单位
实例
| A right angle: 90deg = 100grad = 0.25turn ≈ 1.5708rad |
---|---|
| A flat angle: 180deg = 200grad = 0.5turn≈ 3.1416rad |
| A right angle (counterclockwise): -90deg = -100grad = -0.25turn ≈ -1.5708rad |
| A null angle: 0 = 0deg = 0grad = 0turn = 0rad |
规范
Specification | Status | Comment |
---|---|---|
CSS Values and Units Module Level 3The definition of '<angle>' in that specification. | Candidate Recommendation | Initial definition. |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 2 (528.17) | (Yes) | 3.6 (1.9.2) | 9.0 | (Yes) | 4.0 (528.17) |
turn unit | (Yes) | (Yes) | 13.0 | 9.0 | (Yes) | 10 |
Feature | Android | Chrome | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support | ? | (Yes) | (Yes) | (Yes) | ? | No support | ? |
turn unit | No support | (Yes) | (Yes) | 13.0 | ? | No support | No support |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com