Przykład
Określić wszystkie właściwości listy w jednej deklaracji:
ul
{
list-style: square url("sqpurple.gif");
}
Spróbuj sam " Definicja i Wykorzystanie
Lista stylu skróconą własnością ustawia wszystkie właściwości listy w jednej deklaracji.
Właściwości, które można ustawić, są (in order) : list-style-type, list-style-position, list-style-image.
Jeśli któryś z powyższych wartości, na przykład brakuje "list-style:circle inside;" , Wartość domyślna dla właściwości brakującego zostanie wstawiony, jeśli w ogóle.
Domyślna wartość: | disc outside none |
---|---|
Dziedziczny: | yes |
Animatable: | no. Read about animatable |
Wersja: | CSS1 |
Składnia JavaScript: | object .style.listStyle="decimal inside" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
list-style | 1,0 | 4,0 | 1,0 | 1,0 | 7,0 |
Składnia CSS
list-style:list-style-typelist-style-positionlist-style-image|initial|inherit;
wartości nieruchomości
Wartość | Opis |
---|---|
list-style-type | Określa typ markera list-item. Zobacz list-style-type dla możliwych wartości |
list-style-position | Określa, gdzie umieścić znacznik list-item. Zobacz list-style-position dla możliwych wartości |
list-style-image | Określa typ markera list-item. Zobacz list-style-image do możliwych wartości |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: Lista CSS
HTML DOM referencyjny: listStyle property