CSS list-style-type Özelliği

CSS list-style-type

Css Bir listedeki liste işaretleme çeşidini belirler.

Örnek:

Bu örnekte hem sıralı hemde sırasız liste elemanları üzerinde listeleme işaretlerin sitilini değiştireceğiz.

ul.yuvarlak { list-style-type: circle; } ul.kare { list-style-type: square; } ol.romarakamlari { list-style-type: upper-roman; } ol.alfabetik { list-style-type: lower-alpha; } ul { background-color: pink; } ol { background-color: aqua; }

CSS list-style-type nedir nasıl kullanılır

CSS list-style-type	CSS list-style-type özellikleri
Varsayılan Değer:	disc
Kalıtsallık:	var
Animasyon Özelliği:	yok
Versiyon:	CSS1
JavaScript list-style-type:	object.style.alignSelf="lower-roman"

CSS list-style-type Tarayıcı Desteği

CSS Kodu:
list-style-type	1.0	4.0	1.0	1.0	3.5

CSS list-style-type Değerleri

list-style-type:value;

CSS list-style-type özelliği değerleri

CSS list-style-type değerleri	CSS list-style-type değerleri tanımları	CSS örnek uygulamalar
disc	Yuvarlak daire şeklinde listeleme işareti oluşur.(içi dolu)
circle	Yuvarlak çember içi boş listeleme işareti çıkar.
decimal	1,2,3 olarak sıralama yapar.
lower-alpha	a,b,c .... olarak sıralama yapar.
lower-roman	Küçük roma rakamları ile listeleme yapar i,ii,iii gibi.
none	Listeleme işareti kullanılmaz
square	Kare şeklindedir.
upper-latin	A,B,C şeklinde sıralama yapar.
upper-roman	Büyük harflerle roma rakmları yazılır.
initial	Özelliğin varsayılan değeridir.
inherit	Kalıtsal değerini taşır.