CSS list-style özelliği

tanım ve kullanım

list-style kısaltma özelliği, bir açıklamada tüm liste özelliklerini ayarlar.

tanım

Bu özellik, tüm diğer liste tarzı özelliklerini kapsayan bir kısaltma özelliğidir. Tüm display list-item olan elemanlara uygulanması nedeniyle, normal HTML ve XHTML'de sadece li elemanlarında kullanılabilir, ancak aslında herhangi bir elemana uygulanabilir ve list-item elemanları tarafından miras alınabilir.

Aşağıdaki sırayla özellikleri sırayla ayarlayabilirsiniz:

Bir değeri ayarlamazsanız, örneğin "list-style:circle inside;" de izin verilir. Ayarlanmayan özellikler varsayılan değerlerini kullanır.

Ayrıca bkz.:

CSS eğitim:CSS Listeleri

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

örnek

Resmi, listedeki liste öğesi işaretleri olarak ayarlayın:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Kişisel olarak deneyin

CSS dilbilgisi

list-style: list-style-type list-style-position list-style-image|initial|inherit;

özellik değeri

değer tanım
list-style-type Liste öğesi işaretlerinin türünü ayarlayın. Bakınız:list-style-type olası değerler.
list-style-position Liste öğesi işaretlerinin nerede konulacağını ayarlayın. Bakınız:list-style-position olası değerler.
list-style-image Liste öğelerinin işaretlerini değiştirmek için resimler kullanın. Bakınız:list-style-image olası değerler.
inherit list-style özelliğinin değerini ebeveyn elemanından miras alması gerektiğini belirtir.

teknik ayrıntılar

varsayılan değer: disc outside none
miras: evet
Sürüm: CSS1
JavaScript dilbilgisi: object.style.listStyle="decimal inside"

Daha fazla örnek

Tüm liste özelliklerini bir açıklamada tanımlayın
Bu örnek, tüm liste özelliklerini tek bir kısaltma özelliğine ayarlamayı göstermektedir.

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