tutorial pengembangan web terbaru
 

Style listStyle Property

<Style Object

Contoh

Mengubah gaya daftar:

document.getElementById("myList").style.listStyle = "decimal inside";
Cobalah sendiri "

Definisi dan Penggunaan

The listStyle set properti atau kembali hingga tiga sifat daftar terpisah, dalam bentuk singkatan.

Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (dalam urutan apapun):

  • list-style-type
  • list-style-posisi
  • list-style-image

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti listStyle didukung di semua browser utama.


Sintaksis

Kembali properti listStyle:

object .style.listStyle

Mengatur properti listStyle:

object .style.listStyle=" Nilai properti
Parameter Deskripsi
type Mendefinisikan daftar item jenis penanda
position Posisi daftar-item penanda
image Mendefinisikan sebuah gambar yang akan digunakan sebagai daftar-item penanda
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: disc luar tidak
Kembali Nilai: Sebuah String, yang mewakili gaya daftar
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah jenis dan posisi daftar untuk "square inside" :

document.getElementById("myList").style.listStyle = "square inside";
Cobalah sendiri "

Contoh

Kembali gaya daftar:

document.getElementById("myList").style.listStyle;
Cobalah sendiri "

Pages terkait

CSS tutorial: Daftar CSS

Referensi CSS: list-style property


<Style Object