CSS Ile Listeleme İşaretlerini Kaldırma Nasıl Yapılır? - Teknobeyin

Có thể bạn quan tâm

Teknobeyin - Teknolojinin Beyni Sayfalar / Menü Ana SayfaHakkındaKoşullarGizlilikYazarlıkReklamİletişim Bu sitedeki her şey

ile kodlanmıştır.

Kategori Listesini Göster

İnternet
Teknoloji
Otomobil
Bilgisayar & Donanım
Mobil Hayat
Oyun Dünyası
Android Köşesi
Webmaster Çantası
WordPress
Blogger
Yazılım & Program
Bilime Dair
Sağlıklı Yaşam
Kültür & Sanat
Sadece Müzik
Yaşam
Bizden Yazılar
Nasıl Yapılır?
Foto Galeri

Ana Sayfa / Webmaster Çantası / CSS ile Listeleme İşaretlerini Kaldırma Nasıl Yapılır?

CSS ile Listeleme İşaretlerini Kaldırma Nasıl Yapılır?

Yazar: Doğan Gezici - Saat: 18:05 - Tarih: 26 Temmuz 2016 - Yorum: 0

CSS ile ilgili ders içerikli yazılarımızı kaleme almaya devam ediyoruz. Bildiğiniz gibi, CSS'e ait "list-style" özelliğini kullanarak, listeleme yaparken ilgili madde işaretlerini belirleyebiliyoruz. Yani dilerseniz; "disc", "circle" ve "square" gibi etiketler tanımlayabilmektesiniz. Ancak kullanım alanına göre değişebilse de, listeleme işaretlerini kaldırma ihtiyacı söz konusu olabilmektedir. Yine alt alta listeleme yaparsınız, ancak bu sefer herhangi bir şekilde madde işaretleri söz konusu olmaz. Bu dersimizde de, ilgili konuyu bir örnek ile işliyor olacağız. Hemen anlatıma geçelim.

AYRICA: CSS ile İlk Harfi Büyük Yazma Nasıl Yapılır?

CSS ile Madde İşaretlerini Kaldırma

Temanıza ait CSS dosyası içerisine aşağıdaki kodları ekleyin.

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

Sonra, HTML sayfasına aşağıdaki gibi bir kod ekleyebilirsiniz.

<ul class="listeleme"> <li>Birinci Madde</li> <li>İkinci Madde</li> <li>Üçüncü Madde</li> </ul>

Sonuç: Yukarıdaki CSS kodu ile, madde işaretlerini tamamen kaldırdık. Ardından, boşluk kalmaması adına da, "padding" değerini "0" olarak belirledik. Bu değerleri dilediğiniz gibi güncelleyebilirsiniz.

Bu Kategorideki Diğer Yazılar

CSS ile İki Satırlık Metinleri Üç Nokta ile Keselim
HTML ile Şifre Maskeleme Nasıl Yapılır?
CSS'de Geçiş Efektleri (transition) Kaldırma Nasıl Yapılır?
CSS'de Animasyon (animation) Kaldırma Nasıl Yapılır?
CSS'de Yuvarlak Kenarlar (border-radius) Kaldırma Nasıl Yapılır?

Yorum bulunmamaktadır.

Cevap Vermekten Vazgeç

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz. Ad ve Soyad & Takma Ad (Gereklidir.) E-Posta Adresi (Gereklidir.) Site & Blog Adresi (Zorunlu değildir.) Kutucuğa Teknobeyin yazınız. (Baş harfi büyük.) Yorumu Gönder Yazı Etiketleri