CSS list-style-image özelliği

Tanım ve kullanım

list-style-image özelliği, liste maddesi işaretini görselle değiştirir.

Açıklama

Bu özellik, bir sıralı veya sırasız liste maddesi işareti olarak kullanılan görseli belirtir. Görselin liste maddesi içeriğine göre yerleştirilmesi genellikle list-style-position özelliği ile kontrol edilir.

Açıklama:Görsel kullanılamadığında her zaman bir "list-style-type" özelliği belirtin.

Daha fazla bilgi için:

CSS eğitim:CSS Listeleri

CSS referans el kitabı:CSS list-style özelliği

HTML DOM referans el kitabı:listStyleImage özelliği

Örnek

Görseli listedeki madde işareti olarak ayarlayın:

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Kişisel olarak deneyin

CSS dilbilgisi

list-style-image: none|url|initial|inherit;

Özellik değeri

Değer Açıklama
URL Görselin yolu.
none Varsayılan. Grafik görüntülenmez.
inherit list-style-image özelliğinin değerini ebeveyn öğesinden miras alması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: none
Mirasçılık: evet
Sürüm: CSS1
JavaScript dilbilgisi: object.style.listStyleImage="url('/images/blueball.gif')"

Daha fazla örnek

Resmi listeleme maddesi işareti olarak kullanma
Bu örnek, resmi listeleme maddesi işareti olarak nasıl kullanacağınızı gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0