CSS vlastnost list-style-position určuje, jestli bude odrážka v textu nebo vedle něj.
| hodnoty | pozice odrážky |
|---|---|
| outside | odrážka je umístěna vlevo od bloku textu, řádky začínají pod sebou |
| inside | odrážka je umístěna hned vedle textu, takže druhý řádek je i pod odrážkou |
Outside je normální hodnota odrážky. Odrážkami myslím grafické značky vedle tagů <li> v nečíslovaném (<ul>) nebo číslovaném seznamu (<ol>). Hodnota inside se v praxi téměř nepoužívá, asi protože to pak prostě vypadá hnusně.
Mnohem lépe lze vyladit pozici odrážky pomocí vlastností margin-left, padding-left a text-indent.
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 4, 5, 5.5, 6 | IE 4 kreslí odrážku přes rámeček při hodnotě outside (Pixy) | |
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 4, 5, 6, 7 | |
| Konqueror | ano | při hodnotě inside a display: list-item nevykreslí zbytek stránky (Pixy) |
| IE 5 / Mac | špatně | |
| Netscape Navigator 4 | ne | všechno kreslí jako outside |
Přímý zápis zanořené odrážky:
<ul>
<li style="list-style-position: inside">text za zanořenou odrážkou</li>
</ul>
Jinak je to fakt na nic.
List-style = vlastnosti odrážek, List-style-image = obrázková odrážka, Margin = okraje prvku, Padding = vnitřní okraj, Text-indent = odsazení prvního řádku
o tvorbě, údržbě a zlepšování internetových stránek