Własność CSS list-style-position określa położenia markera elementu listy HTML w stosunku do tego elementu.
Wartości i składnia własności list-style-position
Własność CSS list-style-position przyjmuje następujące wartości:
- Słowo kluczowe
inside— marker znajduje się w obrębie elementu listy. - Słowo kluczowe
outside— marker znajduje się na zewnątrz elementu listy.
Poniższy przykład przedstawia różnicę między tymi dwoma ustawieniami:
.styl-inside {
list-style-position: inside;
outline: 1px solid black;
}
.styl-outside {
list-style-position: outside;
outline: 1px solid black;
}
Efekt:
Podsumowanie
| Zastosowanie | Elementy listy HTML |
|---|---|
| Obsługiwane wartości | Słowa kluczowe inside i outside |
| Wartość początkowa | outside |
| Dziedziczenie | Tak |
| Specyfikacja CSS | CSS Lists and Counters Module Level 3, list-style-position |
