Para soportar los idiomas que se escriben y se leen de derecha a izquierda, el estándar CSS pone a disposición del diseñador una propiedad que indica la orientación de la página. Esta propiedad, de nombre direction toma dos posibles valores: ltr para indicar la tradicional orientación de izquierda a derecha, y rtl para la orientación contraria.
El cambio de posición de la barra de desplazamiento vertical se consigue con un truco. Se aplica esta propiedad al tag html con el valor rtl , lo que sitúa la barra a la izquierda, con el efecto colateral de cambiar toda la orientación del contenido de la página (el texto queda escrito de derecha a izquierda). Para contrarrestar este efecto, se aplica la propiedad al tag body , pero esta vez, con el valor ltr . Sin embargo, todavía hay que jugar un poco con JavaScript, porque con la propiedad direction: ltr que hemos asignado al elemento html , la barra de desplazamiento horizontal se muestra inicialmente desplazada hacia la derecha (en vez de hacia la izquierda). Para evitar que suceda esto, un pequeño script mueve la página hacia la izquierda cuando se carga y cada vez que se cambia el tamaño de la ventana.
Esta propiedad puede también aplicarse a cuadros de texto, donde probablemente sea más útil (por ejemplo, para mostrar texto alineado a la derecha).
Autor: Iván Nieto Pérez
Para ver este enlace Registrate o Inicia Sesion
Autor