Właściwości list: list-style-type
list-style-type - określa styl listy
disc | circle | square | decimal | decimal-leading-zero | lower-roman |
upper-roman | lower-alpha | upper-alpha | none
Przykład 1:
<ul style="list-style-type:upper-roman;">
<li>
kolory RGB:
<ul style="list-style-type:lower-alpha">
<li>czerwony</li>
<li>zielony</li>
<li>niebieski</li>
</ul>
</li>
<li>
kolory CMYK:
<ul style="list-style-type:lower-alpha">
<li>cyan (błękitny)</li>
<li>magenta (purpurowy)</li>
<li>yellow (żółty)</li>
<li>key (czarny)</li>
</ul>
</li>
</ul>
Otrzymany efekt:
-
kolory RGB:
- czerwony
- zielony
- niebieski
-
kolory CMYK:
- cyan (błękitny)
- magenta (purpurowy)
- yellow (żółty)
- key (czarny)
Przykład 2:
<ul style="list-style-type:square;">
<li>
kolory RGB:
<ul style="list-style-type:disc">
<li>czerwony</li>
<li>zielony</li>
<li>niebieski</li>
</ul>
</li>
<li>
kolory CMYK:
<ul style="list-style-type:disc">
<li>cyan (błękitny)</li>
<li>magenta (purpurowy)</li>
<li>yellow (żółty)</li>
<li>key (czarny)</li>
</ul>
</li>
</ul>
Otrzymany efekt:
-
kolory RGB:
- czerwony
- zielony
- niebieski
-
kolory CMYK:
- cyan (błękitny)
- magenta (purpurowy)
- yellow (żółty)
- key (czarny)
Właściwości list: list-style-image
list-style-image - określa ozdobnik graficzny listy
none | url(adres URL obrazka)
Przykład 3:
<ul>
<li>
kolory RGB:
<ul style="list-style-image:url(../grafika/ico.png)">
<li>czerwony</li>
<li>zielony</li>
<li>niebieski</li>
</ul>
</li>
<li>
kolory CMYK:
<ul style="list-style-image:url(../grafika/ico.png)">
<li>cyan (błękitny)</li>
<li>magenta (purpurowy)</li>
<li>yellow (żółty)</li>
<li>key (czarny)</li>
</ul>
</li>
</ul>
Otrzymany efekt:
-
kolory RGB:
- czerwony
- zielony
- niebieski
-
kolory CMYK:
- cyan (błękitny)
- magenta (purpurowy)
- yellow (żółty)
- key (czarny)