Text umkehren - CSS-Tricks

Anonim

Bei Sprachen von rechts nach links können Sie das Standardlayout von links nach rechts in den meisten Browsern einfach über das dirAttribut austauschen.

 text in right-to-left language 

Sie können dieses Attribut für jedes Textelement verwenden, es muss nicht der Hauptteil sein. Ebenso können Sie es mit nur CSS austauschen:

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

Folgendes ist „weniger praktisch“, aber dennoch interessant:

/* 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); )