List-style-position xususiyati
list-style-position xususiyati
ro'yxat markeri qanday ko'rsatilishini belgilaydi:
ro'yxat ichida yoki tashqarisida ul
yoki ol.
Sintaksis
selektor {
list-style-position: inside | outside;
}
Qiymatlar
| Qiymat | Tavsif |
|---|---|
inside |
Marker ro'yxat ichida joylashgan. |
outside |
Marker ro'yxat tashqarisida joylashgan. |
Standart qiymat: outside.
Misol . Inside qiymati
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Misol . Outside qiymati
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Shuningdek qarang
-
list-style-typexususiyati,
bu ro'yxat markerlari turini belgilaydi -
list-style-typexususiyati,
bu ro'yxat markerlari turini belgilaydi -
list-stylexususiyati,
bu markerlar uchun qisqartma hisoblanadi
