Свойство list-style-position
Свойство list-style-position рўйхат маркерининг
қандай кўринишини белгилаб беради:
рўйхатнинг ичида ёки ташқарида ul
ёки ol.
Синтаксис
селектор {
list-style-position: inside | outside;
}
Қийматлар
| Қиймат | Изох |
|---|---|
inside |
Маркер рўйхатнинг ичида жойлашади. |
outside |
Маркер рўйхатнинг ташқарисида жойлашади. |
Сустки қиймат: outside.
Мисол . Inside қиймати
<ul>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Мисол . Outside қиймати
<ul>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
<li>рўйхат элементи</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Қуйидаларни ҳам кўринг
-
list-style-typeсвойстваси,
рўйхат маркерлари турини белгилаб беради -
list-style-typeсвойстваси,
рўйхат маркерлари турини белгилаб беради -
list-styleсвойстваси,
рўйхат маркерлари учун қисқартирма хисобланади
