Inversión de texto | Programar Plus

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);
}
(Visited 5 times, 1 visits today)