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