MANUALES

TUTORIAL CSS:

Lección 5: Texto

Sangría del texto [text-indent]

Añadir sangría a la primera línea de dicho párrafo. Se coloca la medida en px.

En el ejemplo siguiente se ha aplicado una sangía de 30px a todos los párrafos de texto marcados con la etiqueta <p>:

 
 p {
  text-indent: 30px;
 }
 
 

Alineación del texto [text-align]

text-align es el equivalente al atributo align usado en versiones anteriores de HTML. 

Valores para esta propiedad:

left(texto alineado a la izquierda).

right (texto alineado a la derecha).

center (texto con alineación centrada). 

justify(alineación justificada).

 
 th {
  text-align: right;
 }

 td {
  text-align: center;
 }

 p {
  text-align: justify;
 }
 
 

Decoración del texto [text-decoration]

Añade diferentes "decoraciones" o "efectos" al texto. Por ejemplo, se puede subrayar el texto, tacharlo o ponerle un subrayado superior. 

Valores: 

·         underline: Subrayado.

·         overline: Subrayado por encima del texto.

·         line-trough: texto tachado.

 
 h1 {
  text-decoration: underline;
 }

 h2 {
  text-decoration: overline;
 }

 h3 {
  text-decoration: line-through;
 }
 
 

Espaciado entre caracteres [letter-spacing]

Espaciado entre caracteres de texto; separa las palabras. Su valor: El ancho deseado (px)

 h1 {
  letter-spacing: 6px;
 }

 p {
  letter-spacing: 3px;
 }

Transformación del texto [text-transform]

Controla la escritura en mayúsculas de un texto. 

Puedes elegir entre los valores capitalize, uppercase o lowercase, sin importar cómo 

aparece el texto original en el código HTML.

Valores:

capitalize

Pone en mayúscula la primera letra de cada palabra. 

uppercase

Convierte todas las letras a mayúscula. 

lowercase

Convierte todas las letras a minúscula. 

none

No se realiza transformación alguna; el texto se presenta tal como aparece en el cógido 

HTML.

 
 h1 {
  text-transform: uppercase;
 }

 li {
  text-transform: capitalize;
 }
 

TOMADO DE: http://es.html.net/tutorials/css/lesson5.php