CSS властивості
ГлавнаяДовідник CSSВимірювана одиниця grad в CSS

Вимірювана одиниця grad в CSS

177

Одиниця 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 Можлива рекомендація

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

Кожна специфікація ія проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як вона відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Браузери
9 12 2 12 4 3.6
4 4 12 4

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — властивість повністю підтримується браузером з усіма допустимими значеннями;
  •  — властивість браузером не сприймається та ігнорується;
  •  — під час роботи можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, вказаних у специфікації. властивість підтримується.