CSS liste stili görüntü Özellik
Örnek
Bir listede liste öğesi işaretçisi olarak bir resim belirtin:
ul
{
list-style-image: url('sqpurple.gif');
}
Tanım ve Kullanım
Özellik list-style-image
, liste öğesi işaretçisini bir resimle değiştirir.
Not: Her zaman ek olarak list-style-type özelliğini belirtin . Bu özellik, herhangi bir nedenle görüntü kullanılamıyorsa kullanılır.
Varsayılan değer: | Yok |
---|---|
Miras: | Evet |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 |
JavaScript sözdizimi: | nesne .style.listStyleImage="url('smiley.gif')" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sözdizimi
list-style-image: none|url|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a 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 |
İlgili Sayfalar
CSS eğitimi: CSS Listesi
CSS referansı: liste stili özellik
HTML DOM referansı: listStyleImage özelliği