Breaking

Post Top Ad

Your Ad Spot

miércoles, 13 de noviembre de 2019

La dirección del texto CSS

La propiedad direction

La dirección del texto puede ser especificada en CSS utilizando la propiedad direction.
La propiedad direction puede tomar uno de estos valores:
  • ltr acrónimo de "left to right" o sea: de izquierda a derecha. Esto corresponde a la dirección normal del texto en español y otros idiomas que utilizan el alfabeto latino.
  • rtl acrónimo de "right to left" o sea: de derecha a izquierda.
  • initial  y
  • inherit
p.rtl {
  direction: rtl;
}
p.ltr {
  direction: ltr;
}
<p class="rtl">de derecha a izquierda!</p>
<p class="ltr">de izquierda a derecha!</p> 
de derecha a izquierda!
de izquierda a derecha!

El atributo dir

También podemos especificar la dirección del texto en el HTML utilizando el atributo dir. Exactamente como en el caso de la propiedad dirección el atributo dir puede tomar uno de estos valores:
  • ltr acrónimo de "left to right" o sea: de izquierda a derecha
  • rtl acrónimo de "right to left" o sea: de derecha a izquierda
  • auto: deja al navegador que decida la dirección del texto.

La pseudo clase :dir

La pseudo clase :dir() se utiliza para seleccionar y dar formato a texto que tiene especificado el atributo dir.
Por ahora esto funciona solo en Firefox y solo con prefijo -moz- ( En el ejemplo de arriba estoy utilizando la libreria -prefix-freestar).  Chrome lo está considerando ( Chrome status: Proposed ). Mientras tanto como que se trata de elementos que llevan el atributo dir, podemos seleccionar estos elementos utilizando selectores para atributos:
p[dir='rtl']{color:red;}
p[dir='ltr']{color:green;}

No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas