La propiedad direction en CSS se utiliza para definir la dirección de un texto, una propiedad de vital importancia si vamos a trabajar con diferentes lenguas. La mayoría de los lenguajes se escriben de izquierda a derecha, sin embargo, existen multitud de idiomas cuya escritura se hace a la inversa (como el árabe). Para estos casos es bueno poder decirle al navegador la orientación del texto que se va a mostrar.
Los parámetros que podemos usar son ‘ltr’ (left to right) para cargar de izquierda a derecha y ‘rtl’ (right to left) para cargar de derecha a izquierda. Su sintaxis en CSS se haría del siguiente modo:
#texto1{
direction: rtl; //el texto irá de derecha a izquierda
}
#texto2{
direction: ltr; //el texto irá de izquierda a derecha
}Hay que tener en cuenta que el parámetro por defecto de la propiedad direction es ‘ltr’. Así pues basta con aplicarle el estilo al objeto deseado y podremos tener un párrafo cuyo texto vaya en una dirección y otro que vaya en la contraria, bastante útil cuando queremos mostrar mensajes en diferentes idiomas.
Deja una respuesta