<Угол> CSS

Тип значения angle (от англ. angle — угол) определяет значение угла в градусах, радианах, градах или оборотах.

Тип значения **`angle`** *(от англ. **angle** -- угол)* определяет значение угла в градусах, радианах, градах или оборотах.
Наследуется:
Нет
Анимируется:
Нет
Спецификации:
Спецификации:
* [CSS Values and Units Module Level 3](https://drafts.csswg.org/css-values-3/#angles)

Синтаксис

0deg, -90deg, 14.23deg
0grad, -100grad, 38.8grad
0rad, -1.0708rad, 6.2832rad
0turn, -0.25turn, 1.2turn

Синтаксис

0deg, -90deg, 14.23deg 0grad, -100grad, 38.8grad 0rad, -1.0708rad, 6.2832rad 0turn, -0.25turn, 1.2turn

Значения

  • deg — угол в градусах. Полный круг равен 360deg.
  • grad — угол в градах. Полный круг равен 400grad.
  • rad — угол в радианах. Полный круг равен радиан, что примерно 6.2832rad. 1rad = 180/π градусов.
  • turn — угол в оборотах. Полный круг равен 1turn.

Значения

* `deg` -- угол в градусах. Полный круг равен `360deg`. * `grad` -- угол в градах. Полный круг равен `400grad`. * `rad` -- угол в радианах. Полный круг равен `2π` радиан, что примерно `6.2832rad`. `1rad` = `180/π` градусов. * `turn` -- угол в оборотах. Полный круг равен `1turn`.

Примеры

0deg, 0grad, 0red, 0turn
0deg, 0grad, 0red, 0turn

90deg = 100grad = 0.25turn ≈ 1.5708rad
90deg = 100grad = 0.25turn ≈ 1.5708rad

180deg = 200grad = 0.5turn ≈ 3.1416rad
180deg = 200grad = 0.5turn ≈ 3.1416rad

-90deg = -100grad = -0.25turn ≈ -1.5708rad
-90deg = -100grad = -0.25turn ≈ -1.5708rad

Примеры

![0deg, 0grad, 0red, 0turn](/workspace/uploads/css/angle0.png) ![90deg = 100grad = 0.25turn ≈ 1.5708rad](/workspace/uploads/css/angle90.png) ![180deg = 200grad = 0.5turn ≈ 3.1416rad](/workspace/uploads/css/angle180.png) ![-90deg = -100grad = -0.25turn ≈ -1.5708rad](/workspace/uploads/css/angleminus90.png)

Содержание

  • Синтаксис
      0deg, -90deg, 14.23deg 0grad, -100grad, 38.8grad 0rad, -1.0708rad, 6.2832rad 0turn, -0.25turn, 1.2turn
  • Значения
    • Примеры
        ![0deg, 0grad, 0red, 0turn](/workspace/uploads/css/angle0.png) ![90deg = 100grad = 0.25turn ≈ 1.5708rad](/workspace/uploads/css/angle90.png) ![180deg = 200grad = 0.5turn ≈ 3.1416rad](/workspace/uploads/css/angle180.png) ![-90deg = -100grad = -0.25turn ≈ -1.5708rad](/workspace/uploads/css/angleminus90.png)

    В начало