config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS – list-style-position

Definicja stylu, przeznaczenie i użycie list-style-position

Właściwość list-style-position określa położenie znaczników elementu listy (wypunktowania).

Pozycja w stylu listy outside (na zewnątrz) oznacza, że wypunktowanie będzie poza pozycją listy. Początek każdego wiersza elementu listy zostanie wyrównany w pionie.

Pozycja w stylu listy inside (wewnątrz) oznacza, że punktory będą znajdować się wewnątrz elementu listy. Ponieważ są one częścią listy, to zostaną przesunięte na jej początek. Jeśli jakiś wiersz pojedynczej pozycji listy zostanie przełamany, to pierwsza litera będzie w pionie położona równo z innymi punktorami listy.

Wartości właściwości list-style-position

Wartość Opis
inside Punktory będą znajdować się wewnątrz elementu listy.
outside Punktory będą znajdować się poza pozycją listy. Ustawienie domyślne.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS – list-style-position

list-style-position: inside | outside | initial | inherit;

Wsparcie przeglądarek dla właściwości list-style-position

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
list-style-position 1.0 4.0 1.0 1.0 3.5

 

Przykładowe zastosowania list-style-position

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
list-style-position:

 
Rezultat:
  • Zmień pozycję stylu listy.
  • Zobacz wynik.
Kod CSS:
ul#myList {
list-style-position:inside;
}
 

 

Przykłady właściwości list-style-position

list-style-position: outside;

list-style-position: inside;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00