Przykład
Określ obraz jako marker list-element na liście:
ul
{
list-style-image: url('sqpurple.gif');
}
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość list-style-image zastępuje znacznik list-item z obrazem.
Note: Zawsze należy określić właściwości list-style-type dodatkowo. Ta właściwość jest używana, jeśli obraz z jakiegoś powodu nie jest dostępna.
Domyślna wartość: | none |
---|---|
Dziedziczny: | yes |
Animatable: | no. Read about animatable |
Wersja: | CSS1 |
Składnia JavaScript: | object .style.listStyleImage="url('smiley.gif')" 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-image | 1,0 | 4,0 | 1,0 | 1,0 | 7,0 |
Składnia CSS
list-style-image: none|url|initial|inherit;
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
none | będzie wyświetlany żaden obraz. Zamiast tego, właściwość list-style-type określi, jaki rodzaj listy markerem będą renderowane. Jest to domyślny | Graj " |
url | Ścieżka do obrazka być stosowany jako marker list-item | Graj " |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: Lista CSS
Odniesienia CSS: list-style property
HTML DOM referencyjny: listStyleImage property