Odwracanie tekstu - CSS-Tricks

Anonim

W przypadku języków zapisywanych od prawej do lewej w większości przeglądarek domyślny układ od lewej do prawej można zamienić po prostu za pomocą diratrybutu.

 text in right-to-left language 

Możesz użyć tego atrybutu na dowolnym elemencie tekstowym, nie musi to być treść. Podobnie możesz zamienić go na sam CSS:

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

Poniższe są „mniej praktyczne”, ale nadal interesujące:

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