Los textos con CSS
Las propiedades de los textos nos permiten controlar la apariencia de los mismos.
Podemos cambiar el color, alinearlo, decorarlo, controlar los espacios entre palabras y mucho más.
Por ejemplo si quisieramos definir que un elemento <p> sea de color azul y que tenga una separación entre palabras de 10 píxeles deberíamos añadir lo siguiente en nuestra hoja de estilos:
p { color:blue; word-spacing:10px; }
Todos nuestros párrafos tendrán un color de texto azul y un espacio entre carácteres de 10px.
Propiedad | Descripción | Valores | Detalles | |
---|---|---|---|---|
text-indent | Desplazamiento de la primera línea del texto. | longitud | Longitud | |
% | Porcentaje | |||
text-align | Alineamiento del texto. | left | Izquierda | |
right | Derecha | |||
center | Centro | |||
justify | Justificar | |||
text-decoration | Efectos de subrayado, tachado, parpadeo. | none | Sin efectos | |
underline | Subrayado | |||
overline | Línea por encima | |||
line-through | Tachado | |||
blink | Parpadeo No funciona en IE |
|||
text-transform | Transformaciones del texto a mayúsculas/minúsculas. | capitalize | Convierte en mayúscula el primer carácter de cada palabra | |
uppercase | Convierte en mayúscula todas las letras del elemento | |||
lowercase | Convierte en minúscula todas las letras del elemento | |||
none | Neutraliza el valor heredado | |||
text-shadow | Aplica el efecto de sombreado al texto de acuerdo a los valores dados. No funciona en IE 5, 6 y 7 |
color | color | |
x length | distancia x | |||
y length | distancia y | |||
blur | desenfoque | |||
letter-spacing | Espacio entre caracteres. | normal | Normal | |
longitud | Longitud | |||
word-spacing | Espacio entre palabras. | normal | Normal | |
longitud | Longitud | |||
white-space | Comportamiento de los espacios dentro de los elementos. | normal | Normal | |
pre | Preformateado | |||
nowrap | Los cambios de línea solo ocurren con el elemento br | |||
pre-wrap | ||||
pre-line | ||||
color | Color del primer plano. | color | Color | |
direction | Sentido direccional de la escritura. | ltr | Izquierda a derecha | |
rtl | Derecha a izquierda | |||
unicode-bidi | Sentido direccional de la escritura. | normal | Normal | |
embed | Abre un nivel adicional de incrustación con respecto al algoritmo bidireccional | |||
bidi-override | Si el elemento es a nivel de línea o es un elemento a nivel de bloque, crea una sustitución |
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Deja una respuesta