Listor har flera egenskaper som kan justeras med CSS. Framför allt är det list-style-type som anger
vilken sorts markering varje listobjekt ska ha. Det är också list-style-postition som anger om listinnehåller ska
vara placerat med samma indrag som numreringen eller utanför (detta anges med inside/outside). Och det är
list-style-image som anger om man vill ange en egendefinerad bild istället för en list-style-type. Denna anges då
i form av en URL.
List-style används för att i samma tag kunna ange alla de ovanstående.
Ex.
<body>
<ol style="list-style: circle outside">
<li>banan</li>
<li>äpple</li>
<li>päron<br />och tomat</li>
</ol>
</body>
Detta ger följande lista där listobjekt-typen är satt till en cirkel, och där alla element indenteras med samma
indrag (texten och tomat skulle annars ha hamnat direkt under cirkeln).
- banan
- äpple
- päron
och tomat
|
