Propiedades de texto
word-spacing (Espacio entre palabras)
La propiedad word-spacing agrega una cantidad extra de
espacio entre palabras.
Ejemplo:Texto con Word-spacing
h1 {word-spacing: 1em }
p em {word-spacing: 0.2em }
letter-spacing (Espacio entre letras)
La propiedad letter-spacing define una cantidad adicional de espacio entre
caracteres.
Ejemplo: Texto con letter-spacing
h2 {letter-spacing: 0.1em}
text-decoration (Decoración de texto)
La propiedad text-decoration permite decorar al texto, mediante uno de los cinco valores: none, underline, overline, line-through, blink.
text-decoration: none (sin decoración de texto)
En este ejemplo quitamos el subrayado de todos los enlaces ó links que esten dentro
de strong.
Ejemplo:Texto sin decoración
strong a{text-decoration: none; }
text-decoration:underline (texto subrayado)
Ejemplo: Texto con decoración Underline
h5 {text-decoration: underline; }
Nota el subrayado generalmente indica enlace por lo que se debe usar con cuidado para evitar confusiones
text-decoration:overline (Texto con línea superior)
Ejemplo: Texto con decoración Overline
p em {text-decoration: overline; }
text-decoration:line-through (Texto tachado)
Ejemplo: Texto con decoración line-through
.precio {text-decoration: line-through; }
text-decoration:blink (Texto parpadeante)
Ejemplo: Texto con decoración blink
.nuevo {text-decoration: blink; }
text-transform (Transformación de texto)
Esta propiedad transforma el texto en minusculas, mayusculas y letra capital. mediante sus valores: capitalize, uppercase, lowercase y none
text-transform:capitalize (Letra capital )
convierte en mayúscula el primer carácter de cada palabra
Ejemplo: Texto con letra capital
h2 {text-transform:capitalize;}
text-transform:uppercase (Texto mayuscula)
convierte en mayúsculas todas las letras del elemento
Ejemplo:Texto con letra uppercase
h1 {text-transform:uppercase;}
text-transform:lowercase (Texto minúscula)
convierte en minúsculas todas las letras del elemento
Ejemplo: Texto con letra lowercase
h4 {text-transform:lowercase;}
text-transform:none (Ninguno)
neutraliza el valor heredado
Ejemplo:
h1 em{text-transform:none;}
text-align (alineación de texto)
Sirve para alinear parrafos, titulos y todo texto. la propiedad
text-align toma los siguientes valores; left, right, center y justify.
La propiedad text-align se aplica a los elementos de nivel bloque para alinear el texto contenido.
left (alineación izquierda)
Ejemplo: Texto alineado a la izquierda
blockquote{text-align:left;}
right (alineación derecha)
Ejemplo:Texto alineado a la derecha
h6{text-align:right;}
center (alineación al centro)
Ejemplo:
h1{text-align:center;}
justify (texto justificado)
Ejemplo:
p{text-align:justify;}
line-height (Altura de línea)
La propiedad
line-height controla la distancia entre las líneas(interlineado de texto).
Ejemplo:
p { line-height: 200% ;}
text-indent (Sangria de primera línea)
Se aplica a los elementos en bloque, la propiedad
text-indent, especifica la sangría de la primera línea de un parrafo.
Ejemplo:
p { text-indent: 2em }
