CSS:list-style-position
z Mozilla Developer Center, polskiego centrum programistów Mozilli.
[edytuj] Podsumowanie
list-style-position określa pozycję znacznika listy w elemencie listy.
- Wartość początkowa:
outside - Stosowana do: elementów z 'display: list-item'
- Dziedziczona: tak
- Procenty: niedostępne
- Media:
visual - Wartość wyliczona: jako określone
[edytuj] Składnia
list-style-position: inside | outside | inherit
[edytuj] Wartości
outside- Znacznik jest umieszczany poza elementem listy.
inside- Znacznik jest umieszczany wewnątrz elementu listy. Jest on pierwszym blokiem inline i zawartość elementu go opływa.
[edytuj] Przykłady
Kod HTML:
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat.</li>
</ul>
Po dodaniu poniższych stylów:
li {
list-style-position: inside;
border: 1px solid #000; /* Kolor obramowania dla lepszej wizualizacji własności */
}
Będzie wyglądać następująco:
Ten sam kod HTML ostylowany w ten sposób:
li {
list-style-position: outside;
border: 1px solid #000; /* Kolor obramowania dla lepszej wizualizacji własności */
}
Wyświetli się tak:
