Własność CSS list-style-position

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:

Różnica między ustawieniem list-style-position na inside i outside

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

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Załóż konto

Autor: Łukasz Piwko