CSS ile ilgili ders içerikli yazılarımızı kaleme almaya devam ediyoruz. Bildiğiniz gibi, CSS'e ait "list-style" özelliğini kullanarak, listeleme yaparken ilgili madde işaretlerini belirleyebiliyoruz. Yani dilerseniz; "disc", "circle" ve "square" gibi etiketler tanımlayabilmektesiniz. Ancak kullanım alanına göre değişebilse de, listeleme işaretlerini kaldırma ihtiyacı söz konusu olabilmektedir. Yine alt alta listeleme yaparsınız, ancak bu sefer herhangi bir şekilde madde işaretleri söz konusu olmaz. Bu dersimizde de, ilgili konuyu bir örnek ile işliyor olacağız. Hemen anlatıma geçelim.

AYRICA: CSS ile İlk Harfi Büyük Yazma Nasıl Yapılır?

CSS ile Madde İşaretlerini Kaldırma

Temanıza ait CSS dosyası içerisine aşağıdaki kodları ekleyin.

ul.listeleme {
list-style-type: none;
padding-left: 0;
}

Sonra, HTML sayfasına aşağıdaki gibi bir kod ekleyebilirsiniz.

<ul class="listeleme">
<li>Birinci Madde</li>
<li>İkinci Madde</li>
<li>Üçüncü Madde</li>
</ul>

Sonuç: Yukarıdaki CSS kodu ile, madde işaretlerini tamamen kaldırdık. Ardından, boşluk kalmaması adına da, "padding" değerini "0" olarak belirledik. Bu değerleri dilediğiniz gibi güncelleyebilirsiniz.