<angle>

Описание

The <угол> CSS data type represents angle values. Positive angles represent right angles, negative angles represent left angles. Its syntax is a <number> data type immediately followed by the unit (deg, grad, rad or turn). Like for any CSS dimension, there is no space between the unit literal and the number.

For static properties and a given unit, an angle can be represented by several values: 90deg and -270deg, or 1turn and 4turn represents the same final position. For dynamic properties, like applying a transition on the transform property, the effect will nevertheless be different.

The following units may be used:

• deg which represents an angle in degrees. One full circle is 360deg. E.g. 0deg, 90deg, 360deg.
• grad which represents an angle in gradians. One full circle is 400grad. E.g. 0grad, 100grad, 400grad.
• rad which represents an angle in radians.  One full circle is 2π radians which approximates to 6.2832rad. 1rad is 180/π degrees. E.g. 0rad, 1.0708rad, 6.2832rad.
• turn which represents the number of turns the angle is. One full circle is 1turn. E.g. 0turn, 0.25turn, 1turn.

Even if all units represent the same time for the value 0, the unit may not be omitted in that case as it isn't a <length>: 0 is invalid and does not represent 0deg, 0grad, 0rad or 0turn.

Примеры

	A right angle: 90deg = 100grad = 0.25turn ≈ 1.5708rad
	A flat angle: 180deg = 200grad = 0.5turn ≈ 3.1416rad
	A right angle (towards the left): -90deg = -100grad = -0.25turn ≈ -1.5708rad
	A null angle: 0deg = 0grad = 0turn = 0rad Предупреждение: 0 не является корректным значением угла. В таком случае необходимо добавить единицу измерения, например 0px.

Спецификации

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!