Najnowsze tutoriale tworzenie stron internetowych
 

Style listStyle Property

<Style obiektu

Przykład

Zmień styl listy:

document.getElementById("myList").style.listStyle = "decimal inside";
Spróbuj sam "

Definicja i Wykorzystanie

ListStyle nieruchomość Ustawia lub zwraca się do trzech odrębnych lista właściwości, w skrótowym forma.

Dzięki tej właściwości można ustawić / powrót jednego lub więcej z następujących czynności (w dowolnej kolejności):

  • list-style-type
  • list-style-position
  • list-style-image

Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość listStyle jest dostępna we wszystkich głównych przeglądarkach.


Składnia

Zwraca właściwość listStyle:

object .style.listStyle

Ustaw właściwość listStyle:

object .style.listStyle=" wartości nieruchomości
Parametr Opis
type Definiuje list-item typ markera
position Umieszcza znacznik list-item
image Określa obraz, który ma być używany jako marker list-item
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: Płyta poza none
Zwracana wartość: Ciąg reprezentujący styl listy
Wersja CSS CSS1

Więcej przykładów

Przykład

Zmień typ i pozycję na liście do "square inside" :

document.getElementById("myList").style.listStyle = "square inside";
Spróbuj sam "

Przykład

Zwraca styl listy:

document.getElementById("myList").style.listStyle;
Spróbuj sam "

Podobne strony

Kurs CSS: Lista CSS

Odniesienie CSS: list-style property


<Style obiektu