CSS list-style-image Özelliği

CSS list-style-image

Css list-style-image özelliği ile liste elemanlarını gösterim ikon/resimleri özelleştirilebilir .

Örnek:

Bu örnekte liste elemanlarının başına bir resim dosyası sitili atanmıştır.

ul { list-style-image: url('simge.png'); }

CSS list-style-image nedir nasıl kullanılır

Html liste elemanlarının başındaki gösterim şekli( kare daire roma rakamları) haricinde kendi istediğimiz img resim ,ikon ekleyebiliriz.

CSS list-style-image CSS list-style-image özellikleri  
Varsayılan Değer: none  
Kalıtsallık: var  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript list-style-image: object.style.listStyleImage="url('tick.gif')"

CSS list-style-image Tarayıcı Desteği

Aşağıdaki tabloda görünen sayılar bu özelliği ilk destekleyen tarayıcı sürümleridir.

CSS Kodu:
list-style-image 1.0 4.0 1.0 1.0 7.0

CSS list-style-image Değerleri

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

CSS list-style-image özelliği değerleri

CSS list-style-image değerleri CSS list-style-image değerleri tanımları CSS örnek uygulamalar
none Özellik aktif değildir.
url Eklenecek resmin url adresi girilir.
initial Özelliğin varsayılan değeridir.
inherit Soybağından gelen değeri kullanır.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek