Atrybut CSS list-style

Definicja i użycie

Właściwość skrócona list-style ustawia wszystkie właściwości listy w jednym deklaracji.

Opis

Właściwość ta jest właściwością skróconą, która obejmuje wszystkie inne właściwości stylu listy. Ponieważ aplikuje się do wszystkich elementów o display list-item, w zwykłym HTML i XHTML można jej używać tylko z elementami li, chociaż można ją zastosować do każdego elementu i będzie dziedziczona przez element list-item.

Można ustawić następujące właściwości w kolejności:

Można pominąć jedną z wartości, na przykład "list-style:circle inside;" jest również dozwolone. Nieustawione właściwości będą używać wartości domyślnej.

Inne zasoby:

Kurs CSSCSS Lista

Podręcznik HTML DOMWłaściwość listStyle

Przykład

Ustawienie obrazu jako znacznika elementu listy w liście:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Spróbuj sam

Gramatyka CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Wartość właściwości

Wartość Opis
list-style-type Ustawienie typu znacznika elementu listy. Zobacz:list-style-type możliwe wartości.
list-style-position Ustawienie miejsca umieszczania znacznika elementu listy. Zobacz:list-style-position możliwe wartości.
list-style-image Używanie obrazów do zastąpienia znaczników elementów listy. Zobacz:list-style-image możliwe wartości.
inherit Definiuje, że wartość właściwości list-style powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: disc outside none
Inherencyjność: tak
Wersja: CSS1
Gramatyka JavaScript: object.style.listStyle="decimal inside"

Więcej przykładów

Definiowanie wszystkich właściwości listy w jednym deklaracji
Ten przykład pokazuje, jak ustawić wszystkie właściwości listy w jednej krótkiej właściwości.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0