Texto
Formatear y añadir estilo al texto es un tema clave para cualquier diseñador web. En esta lección presentaremos las increíbles oportunidades que ofrece CSS a la hora de añadir presentación altexto. Describiremos las siguientes propiedades:
text-indent
text-align
text-decoration
letter-spacing
text-transform
Sangría del texto [text-indent]
La propiedad text-indent permite añadir un toquede elegancia a los párrafos de texto al aplicar sangría a la primera línea de dicho párrafo. En el ejemplo siguiente se ha aplicado una sangía de 30px a todos los párrafos de texto marcados con laetiqueta 

:

p {
text-indent: 30px;
}


Ver ejemplo
Alineación del texto [text-align]
La propiedad CSS text-align es el equivalente al atributo align usado en versiones anteriores de HTML. Losvalores posibles de esta propiedad son:left(texto alineado a la izquierda), right (texto alineado a la derecha) o center (texto con alineación centrada). Además, el valor justify(alineación justificada)alargará cada línea de forma que los márgenes izquierdo y derecho estén justificados. Esta tipo de presentación la habrás visto, por ejemplo, en periódicos y revistas.
En el ejemplo que sigue, eltexto de los encabezados de la tabla, , se ha alineado a la derecha, mientras que los datos de la tabla, , aparecen centrados. Además, los párrafos de texto normales están justificados:

th {text-align: right;
}

td {
text-align: center;
}

p {
text-align: justify;
}


Ver ejemplo
Decoración del texto [text-decoration]
La propiedad text-decoration permite añadir diferentes"decoraciones" o "efectos" al texto. Por ejemplo, se puede subrayar el texto, tacharlo o ponerle un subrayado superior. En el ejemplo siguiente, el elemento 

aparecerá subrayado, elelemento 

 aparecerá con un subrayado por encima del texto y el elemento 

 tendrá el texto tachado.

h1 {
text-decoration: underline;
}

h2 {
text-decoration: overline;
}

h3 {
text-decoration:...

Leer documento completo

Regístrate para leer el documento completo.