CSS listeleri birçok farklı liste yaratmanızı sağlar. Listeleri yukardan aşağı , sağdan sola çeklinde CSS değerleri ile belirleyebilirsiniz. Sıralı ve sıralı olmayan listeler yaratabilirsiniz.

Sıralı Listeler : upper-alpha, lower-alpha, upper-roman, lower-roman, decimal(varsayılan), ve none
Sıralı Olmayan Listeler : square, circle, disc(varsayılan), ve none

ol görebileceğiniz üzere Sıralı Listeler için kullanılırken ul sıralı olmayan listeler için kullanılır.

CSS listeleriniz içerisinde listeleme elemanları için resimde kullanabilirsiniz. Bunu yapabilmek için aşağıdaki örnekten yola çıkabilirsiniz. Burada dikkat etmeniz gereken nokta hem image hemde ilk örnekte verdiğimiz listeleme yöntemini beraber kullanamazsınız. Ayrıca listeme yöntemi olarak resim belirlerseniz kullanıcağınız listenin ol veya ul olması fark etmez.

Liste içerisinde inside ve outside kullanarak listenin kenarlara boşluk mesafesini ayarlıyabilirsiniz. Inside kenar boşluğunun daha az , outside ise kenar boşluğunun daha fazla olmasını sağlar.

Birden fazla liste özelliğini beraber kullanabilirsiniz

Herhangi bir sorunuz olursa sormaktan çekinmeyin.