Pseudo-classe :dir() CSS

Définition et utilisation

CSS :dir() Les pseudo-classes sont utilisées pour correspondre à tout élément ayant une direction de texte spécifiée.

  • :dir(rtl) Correspond aux éléments avec une direction de texte de droite à gauche
  • :dir(ltr) Correspond aux éléments avec une direction de texte de gauche à droite

Astuce :Dans HTML, la direction du texte est définie par dir Spécification des propriétés.

Exemple

Utilisation de la pseudo-classe :dir() :

:dir(rtl) {
  background-color: lightgreen;
}

Essayez-le vous-même

Grammaire CSS

:dir(ltr|rtl) {
  déclarations css;
}

Détails techniques

Version : CSS Selecteurs Niveau 4

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge ce pseudo-classe.

Chrome Edge Firefox Safari Opéra
120 120 49 16.4 106