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.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre