Para los idiomas de derecha a izquierda, puede cambiar el diseño predeterminado de izquierda a derecha en la mayoría de los navegadores simplemente a través del dir
atributo.
<body dir="rtl">
text in right-to-left language
</body>
Puede usar ese atributo en cualquier elemento de texto, no tiene que ser el cuerpo. Del mismo modo, puede intercambiarlo solo con CSS:
body {
unicode-bidi:bidi-override;
direction:rtl;
}
Los siguientes son “menos prácticos” pero siguen siendo interesantes:
/* 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);
}