---
Página principal

Propiedades de texto

Indice del tutorial
---

Son aquellas que modofican las características del texto, tales como el espaciado entre palabras o la alineación.

word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
text-align
text-indent
line-height

---

word-spacing

Indica el espaciado entre palabras que se asignará a un texto. Usualmente no es necesario cambiarlo, pues los navegadores lo distribuyen correctamente.

Sintaxis:

word-spacing: <valor>

Detalles:

<valor> puede ser una de las siguientes opciones:

normal: Que es el valor por defecto.
X: Donde "X" es el espacio entre palabras en alguna de las unidades de CSS. Si se asigna un valor negativo, las palabras aparecerán unas sobre otras.

Valor por defecto: normal

Se aplica a todos los elementos.

HEREDABLE

---

letter-spacing

Sirve para asignar el espaciado entre caractéres de un texto. Usualmente, al igual que ocurría con word-spacing, no suele ser necesario cambiarlo, pues los navegadores lo distribuyen correctamente.

Sintaxis:

letter-spacing: <valor>

Detalles:

<espacio> puede ser una de las siguientes opciones:

normal: Que es el valor por defecto.
X: Donde "X" es el espacio entre letras, indicado en alguna de las unidades de CSS.

Valor por defecto: normal

Se aplica a todos los elementos.

HEREDABLE

---

text-decoration

Aplica algunos "adornos" al texto, como subrrayados o tachados.

Sintaxis:

text-decoration: <valor>

Detalles:

<valor> puede ser uno de los siguientes:

none: Indica que no se aplicará ninguna decoración.
underline: Subrayado.
overline: Una línea por encima del texto
line-through: Tachado.
blink: Texto parpadeante.

Valor por defecto: none

Se aplica a todos los elementos.

NO HEREDABLE

---

vertical-align

Indica la alineación vertical de los elementos de línea (son elementos de línea aquellos que no tienen un salto de carro como, por ejemplo, <IMG> o <B>).

Sintaxis:

vertical-align: <valor>

Detalles:

<valor puede ser uno de los suguientes:

baseline: Alinea la base del elemento con la base del padre.
sub: Alinea la línea superior del elemento con la inferior del padre.
super: Alinea la línea inferior del elemento con la superior del padre.
top: Alinea la línea superior del elemento con la del padre.
text-top: Alinea la línea superior del elemento con la parte superior de la fuente del padre.
middle: Alinea el centro del elemento con el centro del padre.
bottom: Alinea la línea inferior del elemento con la del padre.
text-bottom: Alinea la base del elemento con la base de la fuente del padre.
x%: Donde x es el porcentaje de altura a la que se alineará el elemento.

Valor por defecto: baseline

Se aplica a los elementos de línea.

NO HEREDABLE

---

text-transform

Modifica la porpiedad de mayúsculas o minúsculas del elemento.

Sintaxis:

text-transform <valor>

Detalles:

<valor> puede ser uno de los siguientes:

none: lo deja como está.
capitalize: pone en mayúsculas la primra letra de cada palabra.
uppercase: pone en mayúsculas todas las letras.
lowercase: pone en minúsculas todas las letras.

Valor por defecto: none

Se aplica a todos los elementos.

HEREDABLE

---

text-align

Establece la alineación del elemento.

Sintaxis:

text-align <valor>

Detalles:

left: Alinea el elemento a la izquierda.
right: Alinea el elemento a la derecha.
center: Centra el elemento.
justify: Alinea el elemento a ambos lados (lo justifica).

Valor por defecto: el predeterminado por el browser (habitualmente left).

Se aplica a los elementos de bloque.

HEREDABLE

---

text-indent

Indica la indentación o sangría que se hará a la primera línea de un elemento de bloque.

Sintaxis:

text-indent: <valor>

Detalles:

<valor> indica el tamaño de la sangría en alguna de las unidades CSS, ya sean absolutas o relativas.

Valor por defecto: 0

Se aplica a los elementos de bloque.

HEREDABLE

---

line-height

Sirve para indicar la altura de la línea de texto, sin variar el tamaño de la fuente (es decir, a una mayor altura, las líneas de texto estarán más separadas).

Sintaxis:

line-height <valor>

Detalles:

<valor> puede ser uno de los siguientes:

normal: situa la altura a su valor por defecto.
x: Donde x es un número por el que se multiplicará la altura de la fuente para obtener la altura de la línea.
x: Donde x es la altura de la línea indicada en alguna de las unidades CSS, tanto relativas (al tamaño del texto) como absolutas.

Valor por defecto: normal

Se aplica a todos los elementos.

HEREDABLE

---

Capitulo anteriorPrincipio de este capituloIndice del tutorialCapitulo siguiente

---

HTML 4.0 VálidoCSS Válido