Właściwość list-style-position
Właściwość list-style-position ustawia
sposób wyświetlania znacznika listy:
wewnątrz lub na zewnątrz listy ul
lub ol.
Składnia
selektor {
list-style-position: inside | outside;
}
Wartości
| Wartość | Opis |
|---|---|
inside |
Znacznik znajduje się wewnątrz listy. |
outside |
Znacznik znajduje się na zewnątrz listy. |
Wartość domyślna: outside.
Przykład . Wartość inside
<ul>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Przykład . Wartość outside
<ul>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Zobacz też
-
właściwość
list-style-type,
która ustawia typ znaczników listy -
właściwość
list-style-type,
która ustawia typ znaczników listy -
właściwość
list-style,
która jest skrótem dla znaczników
