Daftar gayaProperti Gaya
Contoh
Mengubah gaya daftar:
document.getElementById("myList").style.listStyle = "decimal inside";
Definisi dan Penggunaan
Properti listStyle menyetel atau mengembalikan hingga tiga properti daftar terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur/mengembalikan satu atau beberapa hal berikut (dalam urutan apa pun):
- tipe-gaya-daftar
- daftar-gaya-posisi
- daftar-gaya-gambar
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti listStyle:
object.style.listStyle
Setel properti listStyle:
object.style.listStyle = "type position image|initial|inherit"
Nilai properti
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | disk di luar tidak ada |
---|---|
Nilai Kembali: | Sebuah String, mewakili gaya daftar |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah jenis dan posisi daftar menjadi "kotak di dalam":
document.getElementById("myList").style.listStyle = "square inside";
Contoh
Kembalikan gaya daftar:
document.getElementById("myList").style.listStyle;
Halaman Terkait
Tutorial CSS: Daftar CSS
Referensi CSS: properti gaya daftar
Objek Gaya