İşaretlenmemiş bir HTML listesi oluşturmak için, önce bir <ul> (unordered list) etiketi kullanmalısınız. Ardından, her madde için bir <li> (list item) etiketi kullanarak maddeleri listeleyebilirsiniz.
Aşağıdaki örnek, üç madde içeren bir işaretlenmemiş HTML listesi oluşturur:
<ul>
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
</ul>
Bu kodu HTML belgenize ekleyerek, sayfanızda işaretlenmemiş bir liste oluşturabilirsiniz.
Şimdi bu listedeki işaretlemeleri kaldıralım.
Üst öğenin (<ul>
) CSS’sinde list_style_type
özelliğini ayarlayarak madde işaretlerini kaldırabiliriz. Örneğin:none
yapalım:
ul {
list-style-type: none;
}
Girintiyi de kaldırmak istiyorsanız, padding: 0
ve margin: 0
eklemek isteyebilirsiniz.
Son durumda inline-css kullandığımızı varsayarsak aşağıdakini elde ederiz:
<ul style="list-style: none;">
<li>...</li>
</ul>
Madde işaretlerini özel bir karakterle değiştirmek istiyorsanız, mesela ‘çizgi’ ile, aşağıdaki örneğe bakalım:
ul.dashed-list {
list-style: none outside none;
}
ul.dashed-list li:before {
content: "\2014"; #çizgi karakterini veriyoruz
float: left;
margin: 0 0 0 -27px;
padding: 0;
}
ul.dashed-list li {
list-style-type: none;
}
<ul class="dashed-list">
<li>text</li>
<li>text</li>
</ul>