CSS:list-style-position
De MDC
[editar] Resumen
La posición de la lista (list-style-position) especifica donde será colocado el marcador de la lista en relación a la caja principal.
-
Valor inicial:a fuera - Se aplica a: elementos con 'display: list-item'
-
Valor heredado: Sí - Porcentajes: n/a
- Medio:
visual -
Valor calculado: como especificado
[editar] Sintaxis
list-style-position: inside | outside | inherit
[editar] Valores
-
outside - el marcador se encuentra fuera de la caja principal.
-
inside - el marcador es la primera caja en línea dentro de la caja principal, después de la cual fluye el resto de los elementos.
[editar] Ejemplos
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat.</li>
</ul>
Con las reglas siguientes:
li {
list-style-position: inside;
border: 1px solid #000; /* el color de los bordes ayuda a ver la diferencia
entre dentro y fuera */
}
El resultado será: Imagen:List-style-position inside.png
El mismo código con las reglas siguientes:
li {
list-style-position: outside;
border: 1px solid #000; /* el color de los bordes ayuda a ver la diferencia
entre dentro y fuera */
}
Dará: Imagen:list-style-position outside.png
