თვისება 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,
რომელიც მარკერებისთვის შემოკლებაა
