Compartir a través de


list-style-type

Establece el tipo predefinido de marcador line-item para el objeto.

Sintaxis

{ list-style-type:sType }

Valores posibles

sType

Cadena que especifica o recibe uno de los valores siguientes:

disc

Valor predeterminado. Círculos sólidos.

circle

Círculos solo con contorno.

decimal

1, 2, 3, 4, etc.

lower-alpha

a, b, c, d, etc.

lower-roman

i, ii, iii, iv, etc.

none

No se muestra ningún marcador.

square

Cuadrados sólidos.

upper-alpha

A, B, C, D, etc.

upper-roman

I, II, III, IV, etc.

La propiedad tiene el valor predeterminado disc. Se hereda.

Observaciones

La propiedad list-style-type determina la apariencia del marcador list-item si el valor de la propiedad list-style-image está establecido en none o si no se puede mostrar la imagen a la que apunta la dirección URL.

La propiedad list-style-type se puede aplicar a cualquier elemento si se aplican las propiedades margin y display:list-item.

Si el margen izquierdo de un elemento de lista está establecido en 0 con una de las propiedades margin, no se mostrarán los marcadores list-item. El margen se debe establecer en un mínimo de 30 puntos.

Ejemplos

En el siguiente ejemplo se usa la propiedad list-style-type para establecer los marcadores. Se utiliza el elemento UL como selector en una hoja de estilo incrustada (global) para cambiar el tipo de marcador a circle:

<style>
    ul {list-style-type:circle}
</style>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

LI, OL, UL

Vea también

Conceptos

display

list-style-image

margin