Comment inverser la direction du texte en CSS

Lorsque vous travaillez avec du texte, il peut y avoir des situations où vous devez inverser sa direction, de sorte que il coule de droite à gauche au lieu de gauche à droite par défaut. Cet article fournit une solution pour de tels scénarios à l'aide de CSS.

Code CSS pour modifier la direction du texte

Le code CSS suivant peut être utilisé pour inverser la direction du texte :

.cssClassName {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Application de la classe

Pour appliquer ce code, utilisez la classe .cssClassName à l'élément HTML qui contient le texte que vous souhaitez inverser. Par exemple, si vous avez une balise de paragraphe avec le texte suivant :

This is it

Et vous souhaitez inverser son sens, appliquez la classe comme ceci :

This is it

Le texte résultant sera :

ti si sihT

Remarque : Assurez-vous que la classe .cssClassName est appliquée à un élément contenant du texte, car elle ne fonctionnera pas sur des éléments vides.