list-style-position
Establece una variable que indica cómo se dibujará el marcador list-item respecto al contenido del objeto.
Sintaxis
{ list-style-position:
sPosition }
Valores posibles
sPosition
Cadena que especifica uno de los valores siguientes:
outside |
Valor predeterminado. El marcador se coloca fuera del texto y cualquier texto ajustado no se alinea debajo del marcador. |
inside |
El marcador se coloca dentro del texto y cualquier texto ajustado se alinea debajo del marcador. |
La propiedad tiene el valor predeterminado outside . La propiedad de la hoja de estilos en cascada se hereda.
Observaciones
La propiedad list-style-position se puede aplicar a cualquier elemento cuando se aplican 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-position para establecer la posición de los marcadores. Se utilizan los elementos ul y ul.compact
como selectores en una hoja de estilo incrustada (global) para establecer la posición de los marcadores list-item:
<style>
ul {list-style-position:inside}
ul.compact {list-style-position:outside}
</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)) .
Aplicable a
li, ol, ul
Vea también
Conceptos
Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.