List-style xassəsi
list-style xassəsi ul
və ya ol siyahıları üçün
markerin növünü list-style-type,
şəkli list-style-image
və onun mövqeyini list-style-position
eyni anda təyin etməyə imkan verir.
Xassələrin sırasının əhəmiyyəti yoxdur.
Nümunə
Gəlin siyahımız üçün kvadrat markerlər təyin edək:
<ul>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
</ul>
ul {
list-style: square outside;
}
:
Nümunə
İndi isə gəlin list-style xassəsində
marker üçün şəkil və onun mətn sahəsinin daxilində yerləşməsini təyin edək:
<ul>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
<li>siyahı elementi</li>
</ul>
ul {
list-style: url("li.gif") inside;
}
:
