Los textos con CSS

Name: Los textos con CSS
Brand: Jose Aguilar
SKU: joseaguilarblog-1955
Availability: InStock
Rating: 5 (1 reviews)

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
text-indent	Desplazamiento de la primera línea del texto.	%	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
letter-spacing	Espacio entre caracteres.	longitud	Longitud
word-spacing	Espacio entre palabras.	normal	Normal
word-spacing	Espacio entre palabras.	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
direction	Sentido direccional de la escritura.	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