CSS Listedeki Madde İşaretlerini Kaldırmak

Bu konuyu CSS ile Liste Biçimlendirme adlı makalede basit olarak anlatmıştım fakat önemli olduğu için detaylı olarak paylaşmak istedim. HTML'de liste oluşturmak için <ul> <ol> gibi etiketler kullanırız. Bu etiketler listemizin başına madde işaretleri ekler. Eğer madde işaretleri olmadan liste oluşturmak istiyorsak basit bir CSS kodu bize yardımcı olacaktır.

Yukarıdaki listemize CSS'nin list-style-type özelliğini uygulayarak aşağıdaki görüntüyü elde edeceğiz.     

Kullanımı

CSS Kodu:

ul { list-style-type:none; }

HTML Kodu:

<ul>
    <li>Birinci</li>
    <li>İkinci</li>
    <li>Üçüncü</li>
    <li>Dördüncü</li>
    <li>Beşinci</li>
</ul>

Not: Dikkat edersek madde işaretlerinin kapladığı alan silinmedi. Bunu silmek için ise padding-left özelliğini kullanacağız.

CSS Kodu:

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

Not: Eğer soldan istediğimiz kadar boşluk vermek istiyorsak margin-left özelliğini kullanacağız.

CSS Kodu:

ul
{
        list-style-type: none;
        padding-left: 0;
        margin-left: 15px;
}