Css Resimli Madde İmi

**Ada** · 09 Mayıs 2024, 15:22

Css Resimli Madde İmi

Css dilinde resimli madde imi ile liste oluşturmak için list-style-image özelliği kullanılmaktadır. İstediğimiz bir resmi madde imi olarak kullanabilmekteyiz. Boyutları ayarlandığında güzel bir görüntü oluşturmaktadır. Örneğin: Genişliği ve yüksekliği 10 pixel olan resim ekleyebilirsiniz.

Css Resimli Madde İmi Kullanımı
<style type="text/css">

ol{
list-style-image: url("resim_adresi");

}

</style>
Örnek :

<html>

<head>
<title> Resimli madde imi liste css</title>

<style type="text/css">

.resimlimaddeimi{

list-style-image: url("maddeimi.png");

}

</style>

</head>

<body>

<ol class="resimlimaddeimi">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
<li>Madde 5</li>
</ol>

</body>

</html>
Kodu Çalıştır

www.forumbizim.com

Forum	Bilgilendirme
Powered by vBulletinÂ® Version 3.8.6 Copyright Â©2000 - 2023, Jelsoft Enterprises Ltd. ForumBizim.Com Forum Sahibi: ForumBizim	5846 sayılı Fikir ve Sanat Eserleri Kanunu geregince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)