Tasarım Kodlama

CSS ile Listedeki Madde İşaretlerini Kaldırma

Listeler, birbirleriyle açık bir şekilde ilişkilendirilmeleri ve okunması kolay olmaları için ilgili bilgi parçalarını bir araya getirmek için kullanılır. Modern web geliştirmede listeler, genel içeriğin yanı sıra gezinme için sıklıkla kullanılan öğelerdir.

Listeler, iyi yapılandırılmış, daha erişilebilir, bakımı kolay bir belge oluşturmaya yardımcı oldukları için yapısal açıdan iyidir. CSS stilleri ekleyebileceğiniz özel öğeler sağladıkları için de yararlıdırlar. Son olarak, anlamsal olarak doğru listeler, ziyaretçilerin web sitenizi okumasına yardımcı olur ve sayfalarınızın güncellenmesi gerektiğinde bakımı basitleştirir.

Bu yazıda CSS ile sıralı ve sırasız listelerin başındaki madde işaretlerini nasıl kaldıracağınız göstereceğim.

İlk olarak CSS kullanmadan aşağıdaki gibi listeyi oluşturuyoruz.

Ekran çıktısı aşağıdaki gibi olacaktır.

HTML Listeler

Listenin başında İşaretleri kaldırmak için list-style-type:none; özelliği kullanılır. Aşağıdaki örnekte sıralı ve sırasız listeler ile birlikte listenin başındaki işaretleri ve sayıları kaldıran kodu bulacaksınız.

Yukarıdaki kodların ekran çıktısı şu şekilde olacaktır.

CSS ile Listedeki Madde İşaretlerini Kaldırma
CSS ile Listedeki Madde İşaretlerini Kaldırma

Yorum yap