Öneri ve Hata Raporu



Günün Sözü Asla yalnız yürümeyeceksin

kategori CSS
oylama 3/5 yorum 0 yorum yazar Hakan Taşan tarih 18 Temmuz 2014

Bu konuyu CSS ile Liste Biçimlendirme adlı makalede basit olarak anlatmıştım fakat önemli olduğu için detaylı olarak paylaşmak istedim. HTML'de liste oluşturmak için <ul> <ol> gibi etiketler kullanırız. Bu etiketler listemizin başına madde işaretleri ekler. Eğer madde işaretleri olmadan liste oluşturmak istiyorsak basit bir CSS kodu bize yardımcı olacaktır.

Yukarıdaki listemize CSS'nin list-style-type özelliğini uygulayarak aşağıdaki görüntüyü elde edeceğiz.     

Kullanımı

CSS Kodu:

ul { list-style-type:none; }

 

HTML Kodu:

<ul>
    <li>Birinci</li>
    <li>İkinci</li>
    <li>Üçüncü</li>
    <li>Dördüncü</li>
    <li>Beşinci</li>
</ul>

 

Not: Dikkat edersek madde işaretlerinin kapladığı alan silinmedi. Bunu silmek için ise padding-left özelliğini kullanacağız.

CSS Kodu:

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

 

Not: Eğer soldan istediğimiz kadar boşluk vermek istiyorsak margin-left özelliğini kullanacağız.

CSS Kodu:

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

 

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış