Table of contents
Angle values in CSS have three possible units. All values in this example represent a right angle:
90deg(degrees)100grad(grads) One full circle (360deg) is400grad1.571rad(radians) One full circle (360deg) is 2π radians,1radis 180/π degrees-
1turn (turns) One full circle (360deg is 1turn)
Angle values may be negative. For example, -10deg and 350deg are equivalent. Values greater than 360deg are allowed.
Like for
<length>, the unit may be omitted, if the value is zero: 0deg may be written as 0.
Browser compatibility
| Browser | Lowest version |
|---|---|
| Internet Explorer | IE 9 |
| Firefox (Gecko) | Firefox 3.6 (1.9.2) (no support for turn unit) |
| Opera | -- |
| Safari | Chrome | WebKit | 4 | 2 | 528.17 (no support for turn unit) |