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).
Usuarios que han visto este tema también han visto...
- Usando CSS en tablas
- Filtro de imagenes mediante CSS (invertir imagenes).
- Hacks en CSS útiles para Internet Explorer
- Botones con CSS
- Cambiar el cursor del ratón con CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.