Vlastnosť list-style-position
Vlastnosť list-style-position nastavuje,
ako sa bude zobrazovať značka zoznamu:
vo vnútri alebo zvonku zoznamu ul
alebo ol.
Syntax
selektor {
list-style-position: inside | outside;
}
Hodnoty
| Hodnota | Popis |
|---|---|
inside |
Značka sa nachádza vo vnútri zoznamu. |
outside |
Značka sa nachádza zvonku zoznamu. |
Predvolená hodnota: outside.
Príklad . Hodnota inside
<ul>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Príklad . Hodnota outside
<ul>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Pozrite tiež
-
vlastnosť
list-style-type,
ktorá nastavuje typ značiek zoznamu -
vlastnosť
list-style-type,
ktorá nastavuje typ značiek zoznamu -
vlastnosť
list-style,
ktorá je skratkou pre značky
