Listas: Shorthand o atajo (list-style)

Como es habitual, CSS define una propiedad de tipo "shorthand" que permite establecer todas las propiedades de una lista de forma directa. La propiedad se denomina list-style e incluye los siguientes parámetros:

list-style: tipo-de-bullet posicion-del-bullet imagen-del-bullet;

El orden en el que se indican los valores de la propiedad es indiferente. Además, ninguno de ellos será obligatorio.

El siguiente ejemplo indica que no se deben mostrar ni viñetas automáticas ni viñetas personalizadas:

ul { list-style: none }

Cuando se utiliza una viñeta personalizada, es conveniente indicar la viñeta automática que se mostrará cuando no se pueda cargar la imagen:

ul { list-style: url(imagenes/cuadrado_rojo.gif) square; }

ANEXO: Menú vertical en 4 pasos

REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO