Tekst omkeren - CSS-trucs

Anonim

Voor talen die van rechts naar links worden geschreven, kunt u de standaardindeling van links naar rechts in de meeste browsers eenvoudig via het dirkenmerk omwisselen .

 text in right-to-left language 

U kunt dat attribuut voor elk tekstelement gebruiken, het hoeft niet de hoofdtekst te zijn. Evenzo kunt u het omwisselen met alleen CSS:

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

De volgende zijn "minder praktisch" maar nog steeds 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); )