listStyleType özelliği, UL, OL ve LI elementlerinde ve display özelliği list-item olarak tanımlanmış elementlerde liste iminin biçimini belirler.
DOM Sözdizimi
element.style.listStyleType = "bicim"
CSS Sözdizimi
list-style-type: bicim
bicim | none değerini aldığında liste imi gösterilmez. Diğer türlü aşağıdaki değerlerden birini alarak liste imi biçimini belirler. |
CSS list-style-type Liste Biçim Değerleri
list-style-type: | Canlı Sonuç |
none |
|
disc |
|
circle |
|
square |
|
decimal |
|
decimal-leading-zero (IE 8) |
|
lower-roman |
|
upper-roman |
|
lower-greek (IE 8) |
|
lower-latin (IE 8) |
|
upper-latin (IE 8) |
|
armenian (IE 8) |
|
georgian (IE 8) |
|
lower-alpha |
|
upper-alpha |
|
Aşağıdaki örnek, CSS list-style-type özelliğinin upper-alpha değeri ile ul liste elemanlarının liste imlerinin sıralı büyük harf olarak tanımlanmasını ve 26 tane olan latin harflerinin liste sıralamasını göstermektedir.
<style type="text/css">
ul.ornekListe
{
list-style-type: upper-alpha;
}
</style>
<ul class="ornekListe">
<li>Seçim</li>
<li>Seçim</li>
<li>Seçim</li>
<li>Seçim</li>
<!-- Toplam 30 tane -->
<li>Seçim</li>
</ul>
Canlı Sonuç
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim
- Seçim