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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS border-collapse Özelliği

HTML5 Canvas Oyun Yapımı Dersleri