Invertendo o texto - CSS-Tricks

Anonim

Para idiomas da direita para a esquerda, você pode trocar o layout padrão da esquerda para a direita na maioria dos navegadores simplesmente por meio do diratributo.

 text in right-to-left language 

Você pode usar esse atributo em qualquer elemento de texto, não precisa ser o corpo. Da mesma forma, você pode trocá-lo apenas com CSS:

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

Os itens a seguir são “menos práticos”, mas ainda interessantes:

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