header

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)