Stil listesiStyle Özellik
Örnek
Bir listenin stilini değiştirin:
document.getElementById("myList").style.listStyle = "decimal inside";
Tanım ve Kullanım
listStyle özelliği, bir kestirme biçimde en fazla üç ayrı liste özelliğini ayarlar veya döndürür.
Bu özellik ile aşağıdakilerden birini veya birkaçını (herhangi bir sırayla) ayarlayabilir/döndürebilirsiniz:
- liste-tarzı-tipi
- liste-tarzı-konumu
- liste-tarzı-görüntü
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
listStyle özelliğini döndürün:
object.style.listStyle
listStyle özelliğini ayarlayın:
object.style.listStyle = "type position image|initial|inherit"
Mülk değerleri
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the 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 |
Teknik detaylar
Varsayılan değer: | disk dışında hiçbiri |
---|---|
Geri dönüş değeri: | Bir listenin stilini temsil eden bir String |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir listenin türünü ve konumunu "içeride kare" olarak değiştirin:
document.getElementById("myList").style.listStyle = "square inside";
Örnek
Liste stilini döndür:
document.getElementById("myList").style.listStyle;
İlgili Sayfalar
CSS eğitimi: CSS Listesi
CSS referansı: liste stili özellik
❮ Stil Nesnesi