CSS Angles
[this page | pdf | back links]
Some CSS property
values are defined in terms of angles. It is used for example in rotate or skew
parameters used by the transform
property.
Angles can be defined in
the following units:
|
Unit
|
Description
|
|
deg
|
Degrees. One full
circle (360°) is 360deg
|
|
grad
|
Gradians. One full
circle (360°) is 400deg
|
|
rad
|
Radians. One full
circle (360°) is 2p radians, i.e. approximately 6.28318rad
|
|
turn
|
Number of full turns.
One full circle (360°) is 1turn. The turn unit is not at the
time of writing supported by all major browsers.
|
Positive angles represent
clockwise turns, whilst negative angles represent counter-clockwise turns
Note: as with CSS lengths, no space should
be left between the numerical value and unit. Unlike with CSS lengths, you always need
to include a unit, i.e. 0 is not in itself a valid angle, even though 0deg = 0grad
= 0rad = 0turn.
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties