CSS Ile Listeleme İşaretlerini Kaldırma - Web Tasarım & Programlama

Có thể bạn quan tâm

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>

123456789

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

CSS:

ul{ list-style-type:none; }

12345

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; }

1234567

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