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