Les unités d'angles Css - Les cours Css

Les unités d'angles Css

Quelles sont les unités d'angles uilisées en Css

En CSS, un angle peut avoir comme unité :

  • deg qui permet d'exprimer un angle en degré. L'angle complet d'un cercle correspond à 360deg. Attention, le symbole classique est "°" mais pas en CSS.
  • grad permet d'exprimer un angle en grade ou gradian. L'angle complet d'un cercle correspond à 400grad. Attention, le symbole classique est "gon" mais pas en CSS.
  • rad permet d'exprimer un angle en radian. L'angle complet d'un cercle correspond à environ 6.2832rad ou 2πrad.
  • turn permet d'exprimer un angle en turn ou tours. L'angle complet d'un cercle correspond 1turn. Attention, le symbole classique est "tr" mais pas en CSS.

Si l'angle est positif alors la rotation se fait vers la droite, dans le sens horaire, par exemple : +30deg identique à 30deg.
Si l'angle est négatif la rotation se fait vers la gauche, dans le sens anti-horaire, par exemple : -30deg.

Utilisez le convertisseur d'angles pour trouver les équivalences d'un angle en degré, radian, grade (gradian) ou turn (tour).

Correspondances entre les unités Css deg, rad, grad et turn

Equivalences des angles en degré, radian, grade et turn

Voici quelques correspondances entre l'unité d'angle Css en degré, l'unité d'angle Css en radian, l'unité d'angle Css en grade et l'unité d'angle Css en turn.

Pour un angle droit l'équivalence est :

Equivalence pour un angle droit en degré, radian, grade et turn : 
Rotation vers la droite :
90deg = 100grad = 0.25turn = 1.5708rad
Rotation vers la gauche :
-90deg = -100grad = -0.25turn =  -1.5708.rad

Pour un angle plat l'équivalence est :

Equivalence pour un angle plat en degré, radian, grade et turn : 
Rotation dans le sens horaire :
180deg = 200grad = 0.5turn = 3.1416rad
Rotation dans le sens anti-horaire :
-180deg = -200grad = -0.5turn = -3.1416rad

Pour un angle nul l'équivalence est :

Equivalence pour un angle nul en degré, radian, grade et turn :
0deg = 0grad = 0turn = 0rad

Pour un tour complet l'équivalence est :

Equivalence pour un tour complet en degré, radian, grade et turn :
Rotation dans le sens horaire :
360deg = 400grad = 1turn = 6.2832rad
Rotation dans le sens anti-horaire :
-360deg = -400grad = -1turn = -6.2832rad

Vous trouverez le convertisseur d'angles en degré, radian, grade et turn.

Compatibilité navigateurs des unités d'angles Css

Unité d'angle Css en degré

L'unité d'angle Css exprimée en degré est compatible avec :

  • Firefox, à partir de la version 3.6.
  • Internet Explorer, à partir de la version 9.
  • Chrome, à partir de la version 2.
  • Safari, à partir de la version 4.
  • Opera, à partir de la version 10.

Unité d'angle Css en gradient

L'unité d'angle Css exprimée en gradient est compatible avec :

  • Firefox, à partir de la version 3.6.
  • Internet Explorer, à partir de la version 9.
  • Chrome, à partir de la version 2.
  • Safari, à partir de la version 4.
  • Opera, à partir de la version 10.

Unité d'angle Css en radian

L'unité d'angle Css exprimée en radian est compatible avec :

  • Firefox, à partir de la version 3.6.
  • Internet Explorer, à partir de la version 9.
  • Chrome, à partir de la version 2.
  • Safari, à partir de la version 4.
  • Opera, à partir de la version 10.

Unité d'angle Css en turns

L'unité d'angle Css exprimée en turns est compatible avec :

  • Firefox, à partir de la version 13.
  • Internet Explorer, à partir de la version 9.
  • Chrome, à partir de la version 38.
  • Safari, à partir de la version 5.
  • Opera, à partir de la version 25.