Professional Documents
Culture Documents
Texto en CSS
FORMATO DE TEXTO
El estilo de este texto tiene algunas de las propiedades de formato de texto. El
título utiliza el text-align, text-transform y propiedades de color. El párrafo tiene sangría,
alineación y se especifica el espacio entre caracteres. El subrayado de este enlace
“Intentelo Ud Mismo”
Color de texto
La propiedad color se utiliza para establecer el color del texto. El color se especifica por:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Cuando la propiedad text-align se establece en "justificar", cada línea se estira de manera que
cada línea tiene la misma anchura y los márgenes izquierdo y derecho son rectos (como en
revistas y periódicos):
div {
text-align: justify;
}
a {
text-decoration: none;
}
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Sangría en texto
La propiedad text-indent se utiliza para especificar la sangría de la primera línea de un texto:
p {
text-indent: 50px;
}
Espaciado de letras
La propiedad letter-spacing se utiliza para especificar el espacio entre los caracteres de un texto.
El siguiente ejemplo muestra cómo aumentar o disminuir el espacio entre caracteres:
h1 {
letter-spacing: 3px;
}
h2 {
letter-spacing: -3px;
}
Altura de la línea
La propiedad line-height se utiliza para especificar el espacio entre líneas:
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
p {
direction: rtl;
}
h1 {
word-spacing: 10px;
}
h2 {
word-spacing: -5px;
}
Sombra de texto
La propiedad text-shadow establece una sombra al texto. El ejemplo siguiente especifica la
posición de la sombra horizontal (3px), la posición de la sombra vertical (2px) y el color de la
sombra (rojo):
h1 {
text-shadow: 3px 2px red;
}