LIST PROPERTIES

NCD Style Sheet Guide v6.0

Sponsor's ADs:

+ List Type

For Unordered List {list-style-type: # }
    #=disk, circle, square, decimal, none

<UL>
<LI STYLE="list-style-type:#"> Today
<LI> Tomorrow
</UL>
{list-style-type: disk }
  • Today
  • Tomorrow
{list-style-type: circle }
  • Today
  • Tomorrow
{list-style-type: square }
  • Today
  • Tomorrow
{list-style-type: decimal }
  • Today
  • Tomorrow
{list-style-type: none }
  • Today
  • Tomorrow

For Ordered List {list-style-type: # }
    #=lower-roman, upper-roman, lower-alpha, upper-alpha

<OL>
<LI STYLE="list-style-type:#"> Today
<LI> Tomorrow
</OL>
{list-style-type: lower-roman }
  1. Today
  2. Tomorrow
{list-style-type: upper-roman }
  1. Today
  2. Tomorrow
{list-style-type: lower-alpha }
  1. Today
  2. Tomorrow
{list-style-type: upper-alpha }
  1. Today
  2. Tomorrow


+ List Image

{list-style-image: url(#) }  #=image file
{list-style-image: # } #=none

<UL>
<LI STYLE="list-style-image: url(maru.gif)"> Today
<LI STYLE="list-style-image: none"> Tomorrow
</UL>


+ List Position

{list-style-position: # }   #=inside, outside

<UL STYLE="list-style-position:#">
<LI> Today <BR> Today will be yesterday.
<LI> Tomorrow <BR> Tomorrow will be today.
</UL>

{list-style-position: inside}

  • Today
    Today will be yesterday.
  • Tomorrow
    Tomorrow will be today.

{list-style-position: outside}

  • Today
    Today will be yesterday.
  • Tomorrow
    Tomorrow will be today.

+ List Grouping

{list-style: #type #position #url }

<UL STYLE="list-style: 
square inside url(maru.gif)">
<LI> Today<BR>
Today will be yesterday.
<LI> Tomorrow<BR>
Tomorrow will be today.
</UL>
  • Today
    Today will be yesterday.
  • Tomorrow
    Tomorrow will be today.



Style Sheet Guide | HTML Design Guide
Basic | Selector | Cascading
Font | Text | List | Color & Background | Box | Table | Position & Format | Other|
Selector List | Property List


BACK TO NCD HOME
Network Communication Design - /
Copyright & Publishing 1994-2008 Network Communication Design