CSS ile Listeleme İşaretlerini Kaldırma

Bu yazımızda <ul> ve <ol> listelerinin başındaki madde işaretlerini nasıl kaldıracağınızı göstereceğiz.

Bir listenin başındaki madde işaretlerini kaldırmak için list-style-type:none; özelliği ve değeri kullanılır.

Aşağıdaki gibi bir HTML dosyasına sahip olduğumuzu varsayarak kodlamaya başlayalım.

HTML:


    <ul>
        <li>Elma</li>
        <li>Armut</li>
        <li>Kiraz</li>
        <li>Çilek</li>
        <li>Portakal</li>
    </ul>

<ul>

<li>Armut</li>

<li>Kiraz</li>

<li>Çilek</li>

<li>Portakal</li>

</ul>

CSS:


        ul{
            list-style-type:none;
        }

ul{

list-style-type:none;

}

Not: Aynı zamanda <ul> etiketi yerine <ol> etiketi içinde list-style-type:none; kullanılabilir.

Listede bulunan boşluk ve işaretleri kaldırmak içinse aşağıdaki CSS kodlarını kullanabilirsiniz.


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

ul{

list-style-type:none;

margin:0;

padding:0;

}