list-style-position հատկությունը
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հատկությունը,
որը մարկերի համար կրճատ գրառում է
