---
Página principal

Propiedades de clasificación

Indice del tutorial
---

Son aquellas que afectan a la froma de representar los elemementos de calsificación como las listas.
display
white-space
list-style-type
list-style-image
list-style-position
list-style

---

display

Especifica la forma en que se mostrará un elemento.

Sintaxis:

display: <valor>

Detalles:

valor puede ser uno de los siguientes:

block: Como un elemento de bloque. Se añade un retorno de carro antes y después del elemento (Como, por ejemplo, en el elemento <P>.
inline: Como un elemento de linea. No se añaden retornos de carro (Como, por ejemplo, en el elemento <I>.
list-item: Igual que block, pero añadiendo una marca de lista al principio del elemento (Como, por ejemplo, en el elemento <LI>.
none: El elemento no se muestra (como en las etiquetas de comentario).

Valor por defecto: block.

Se aplica a todos los elementos.

NO HEREDABLE

---

white-space

Especifica el modo en que se tratarán los espacios en blanco.

Sintaxis:

white-space: <valor>

Detalles:

valor puede ser uno de los siguientes:

normal: Si hay varios espacios seguidos, se representarán como uno solo.
pre: Se representarán todos los espacios.
nowrap: La línea no se cortará al llegar al extremo de la página.

Valor por defecto: normal.

Se aplica a todos los elementos.

HEREDABLE

---

list-style-type

Selecciona la marca que acompaña a un elemento de lista.

Sintaxis:

list-style-type: <valor>

Detalles:

valor puede ser uno de los siguientes:

disc: Un disco.
circle: Un círculo.
square: Un cuadrado.
decimal: Números (1,2,3,4...).
lower-roman: Números romanos en minúscula(i,ii,iii,iv...).
upper-roman: Números romanos en mayúscula(I,II,III,IV...).
lower-alpha: Letras en minúscula(a,b,c,d...).
upper-alpha: Letras en minúscula(A,B,C,D...).
none: Ninguno.

Valor por defecto: disc.

Se aplica a los elementos que tengan definido su atributo display como list-item.

HEREDABLE

---

list-style-image

Selecciona la imagen que se usará como marca de elemento de lista.

Sintaxis:

list-style-image: <valor>

Detalles:

<valor> puede ser una URL indicando la dirección del archivo gráfico que contiene la imagen que se usará como marca, o ser el valor "none", en cuyo caso se aplicará la propiedad list-style-type.

Valor por defecto: none.

Se aplica a los elementos que tengan definido su atributo display como list-item.

HEREDABLE

---

list-style-position

Indica si la marca de lista aparecerá dentro del cuadro al que pertenece (esto es, alineada a la izquierda con ese contenido) o si, por elcontrario, aparecerá fuera del cuadro (o sea, algo más a la izquierda que dicho contenido).

Sintaxis:

list-style-position: <valor>

Detalles:

<valor> puede ser uno de estos dos:

inside: la marca aparecerá dentro del cuadro.
outside: la marca aparecerá fuera del cuadro.

Valor por defecto: outside.

Se aplica a los elementos que tengan definido su atributo display como list-item.

HEREDABLE

---

list-style

Esta propiedad es la unión de "list-style-type", "list-style-position" y "list-style-image".

Sintaxis:

list-style: <list-style-type> || <list-style-position> || <list-style-image>

Detalles:

Se puede poner una o más de las propiedades indicadas. Cada una de las opciones puede tomar los valores de la respectiva propiedad.

Valor por defecto: Ninguno.

Se aplica a los elementos que tengan definido su atributo display como list-item.

HEREDABLE

---

Capitulo anteriorPrincipio de este capituloIndice del tutorialCapitulo siguiente

---

HTML 4.0 VálidoCSS Válido