css-liste

Farklı Liste Öğesi İşaretleyicileri
list-style-typeMülkiyet liste öğesi işaretleyici türünü belirtir.
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}

Not: Değerlerin bazıları sırasız listeler içindir ve bazıları sıralı listeler içindir.

Bir Liste Öğe İşaretleyici Olarak Bir Resim
list-style-imageMülkiyet liste öğesi işaretleyici olarak bir görüntüyü belirtir:
ul {
list-style-image: url('sqpurple.gif');
}

Liste Öğe İşaretçileri Konumlandır
list-style-positionÖzellik listesi maddelik belirteçleri (mermi puan) konumunu belirler.
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}

Varsayılan Ayarları Kaldır
list-style-type:none Tesis ayrıca markörler / mermi çıkarmak için de kullanılabilir. Listede varsayılan kenar boşluğu ve dolgu da bulunduğunu unutmayın. Bunu kaldırmak için, margin:0ve padding:0<ul> veya <ol> 'e ekleyin :
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

Liste - Kısaltılmış mülk
list-styleTesiste stenografi özelliktir. Bir liste bildiriminde tüm liste özelliklerini ayarlamak için kullanılır:
ul {
list-style: square inside url("sqpurple.gif");
}

Renklerle Renklendirici Liste
Ayrıca listeleri biraz daha ilginç hale getirmek için renklerle stil oluşturabiliriz.
<Ol> veya <ul> etiketine eklenen herhangi bir şey tüm listeyi etkilerken <li> etiketine eklenen özellikler tek tek liste öğelerini etkiler.
ol {
background: #ff9999;
padding: 20px;
}
ul {
background: #3399ff;
padding: 20px;
}
ol li {
background: #ffe5e5;
padding: 5px;
margin-left: 35px;
}
ul li {
background: #cce5ff;
margin: 5px;
}