myNotlar Logo

listStyleType


Internet Explorer Firefox Opera

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
bicimnone 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
  • Seçim 1
  • Seçim 2
  • Seçim 3
disc
  • Seçim 1
  • Seçim 2
  • Seçim 3
circle
  • Seçim 1
  • Seçim 2
  • Seçim 3
square
  • Seçim 1
  • Seçim 2
  • Seçim 3
decimal
  • Seçim 1
  • Seçim 2
  • Seçim 3
decimal-leading-zero (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
lower-roman
  • Seçim 1
  • Seçim 2
  • Seçim 3
upper-roman
  • Seçim 1
  • Seçim 2
  • Seçim 3
lower-greek (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
lower-latin (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
upper-latin (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
armenian (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
georgian (IE 8)
  • Seçim 1
  • Seçim 2
  • Seçim 3
lower-alpha
  • Seçim 1
  • Seçim 2
  • Seçim 3
upper-alpha
  • Seçim 1
  • Seçim 2
  • Seçim 3

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
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |