grad

Единица grad используется для определения угла в градах. Прямой угол равен 100 град, полный оборот соответствует 400 град. Допустимо использовать отрицательное значение (-100grad), нулевое (0grad) и дробное (36.6grad).

Значения некоторых углов представлены в табл. 1.

Табл. 1. Углы и значения в градах
0grad 0grad
100grad 100grad = 90deg = 0.25turn ≈ 1.5708rad
200grad 200grad = 180deg = 0.5turn ≈ 3.1416rad
300grad 300grad = 270deg = 0.75turn ≈ 4.7124rad
-100grad -100grad = -90deg = -0.25turn ≈ -1.5708rad

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>deg</title> <style> body { background: linear-gradient(-50grad, #017bed, #fff) fixed; } </style> </head> <body> <p>Пример текста</p> </body> </html>

В данном примере для веб-страницы выводится градиент, наклоненный под углом -45 градусов.

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

Спецификация Статус
CSS Values and Units Module Level 4 Рабочий проект
CSS Values and Units Module Level 3 Возможная рекомендация

Браузеры

9 12 2 12 4 3.6
4 4 12 4

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.