Ominaisuus list-style-position
Ominaisuus list-style-position määrittää
kuinka listan merkki näytetään:
listan ul
tai ol sisällä vai ulkopuolella.
Syntaksi
valitsija {
list-style-position: inside | outside;
}
Arvot
| Arvo | Kuvaus |
|---|---|
inside |
Listan merkki on listan sisällä. |
outside |
Listan merkki on listan ulkopuolella. |
Oletusarvo: outside.
Esimerkki . Arvo inside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Esimerkki . Arvo outside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Katso myös
-
ominaisuus
list-style-type,
joka asettaa listamerkin tyypin -
ominaisuus
list-style-type,
joka asettaa listamerkin tyypin -
ominaisuus
list-style,
joka on lyhenne listan merkeille
