list-style
Establece un máximo de tres propiedades list-style individuales del objeto.
Sintaxis
{ list-style: sStyle }
Valores posibles
sStyle
Cadena que especifica hasta tres de los valores siguientes, en cualquier orden:
imagen |
Cualquiera de los valores de imagen disponibles en la propiedad list-style-image . |
posición |
Cualquiera de los valores de posición disponibles en la propiedad list-style-position . |
tipo |
Cualquiera de los valores de tipo disponibles en la propiedad list-style-type . |
La propiedad es de lectura y escritura y tiene el valor predeterminado disc outside none . Se hereda.
Observaciones
La propiedad list-style es una propiedad compuesta. Al especificar tanto los valores de tipo como de imagen, el valor de imagen tiene prioridad, excepto si el valor de imagen se establece en none o no se puede mostrar la imagen a la que apunta la dirección URL.
La propiedad list-style también se aplica a todos los elementos para los que la propiedad display se establece en list-item . Para que aparezcan las listas con viñetas, debe establecer la propiedad margin de forma explícita para estos elementos.
Ejemplos
En el siguiente ejemplo se usa la propiedad list-style para establecer el estilo de lista. Se utilizan los elementos UL y UL.COMPACT como selectores en una hoja de estilo incrustada (global) para definir los estilos de dos listas sin ordenar diferentes. Para que el elemento UL.COMPACT reemplace la imagen que se establece con el selector del elemento UL, debe establecer la propiedad de imagen en none de forma explícita.
<style>
ul {list-style: outside url(dot.gif)}
ul.compact {list-style-image:none; list-style: inside circle}
</style>
</head>
<body>
<ul>
<li>...
<li>...
</ul>
<ul class=compact>
<li>...
<li>...
</ul>
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)) .png "Ee341492.xtlink_newWindow(es-es,Expression.40).png")
.
Aplicable a
li, ol, ul
Vea también
Conceptos
list-style-type
list-style-position
list-style-image
display
margin
Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.