Html UL-Liste tipini değiştirme veya kaldırma işlemi

Daha önceki yazımda

html kodu

ile liste yapımını göstermiştim.Şimdi de bu listedeki elemanlardan önce gözüken ve Türkçe'ye

nokta

,

daire

ve

kare

şeklinde çevirebileceğimiz

liste biçimi

nin nasıl değiştirilebileceğini göstermeye çalışacağım.
Öncelikle liste tipini

UL etiketi

ni kapatmadan yazacağınız

type özelliği veya öz-niteliğini

kullanarak değiştirebilirsiniz.

TYPE

=

DISC

|

CIRCLE

|

SQUARE




Bu kod ile Sonuç böyle
<UL  TYPE=DISC>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata
<UL  TYPE=CIRCLE>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata
<UL  TYPE=SQUARE>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata

Eğer ki

liste biçimini

beğenmedi isek ve

kaldırmak

istiyorsak o zaman

CSS kodu

kullanmamız gerekecek.Aşağıda buna bir örnek verdim.
<ul style="

list-style:none;"

>
<li>kahve</li>
<li>çay</li>
<li>limonata</li>
</ul>
Sonuç ise şu şekilde olur.
  • kahve
  • çay
  • limonata

Hiç yorum yok:

Yorum Gönder

Popüler Yayınlar