Texte inversé - Astuces CSS

Anonim

Pour les langues de droite à gauche, vous pouvez permuter la disposition par défaut de gauche à droite dans la plupart des navigateurs simplement via l' dirattribut.

 text in right-to-left language 

Vous pouvez utiliser cet attribut sur n'importe quel élément de texte, il n'est pas nécessaire que ce soit le corps. De même, vous pouvez l'échanger avec juste CSS:

body ( unicode-bidi:bidi-override; direction:rtl; )

Les éléments suivants sont «moins pratiques» mais toujours intéressants:

/* Flip each letter backwards */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl; )
/* Entire text flipped around */ div ( -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); )