Omvendt tekst - CSS-tricks

Anonim

For sprog fra højre til venstre kan du bytte standardlayout fra venstre mod højre i de fleste browsere simpelthen gennem dirattributten.

 text in right-to-left language 

Du kan bruge denne attribut på ethvert tekstelement, det behøver ikke at være kroppen. På samme måde kan du bytte det med bare CSS:

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

Følgende er "mindre praktiske" men stadig interessante:

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