Bu Css özelliği ul ve li html etiketleri ile oluşturduğumuz listelerin özelliklerini belirlemek için kullanılır.
<html><body><head><title>Css</title> <style type="text/css"><!--li {list-style-type : circle;list-style-position : inside;list-style : decimal;list-style-image : url ("resim.gif");}--></style> <body><ul><li>Pc-Kopat<li>Html<li>Javascript<li>Css<li>Grafik</ul> </body></html>
list-style-type :
disk : Liste biçiminin disk (içi dolu yuvarlak) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii, gibi roma rakamlarının küçük harfi olmasını sağlar.
upper-roman: Liste biçiminin I,II,II gibi roma rakamlarının büyük harfi olmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde olmasını sağlar.
upper-alpha: Liste biçiminin A,B,C şeklinde olmasını sağlar.
none : Listenin imgesiz olmasını sağlar.
list-style-position :
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.