home | overview | schedule | assignments | regulations | exercises | links | archive | contact me

multimedia
355
authoring

list classes in css

ordered lists

ol.decimal
{
list-style-type: decimal
}
<ol class="decimal">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ol>
  1. Coffee
  2. Tea
  3. Chai
ol.lroman
{
list-style-type: lower-roman
}
<ol class="lroman">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ol>
  1. Coffee
  2. Tea
  3. Chai
ol.uroman
{
list-style-type: upper-roman
}
<ol class="uroman">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ol>
  1. Coffee
  2. Tea
  3. Chai
ol.lalpha
{
list-style-type: lower-alpha
}
<ol class="lalpha">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ol>
  1. Coffee
  2. Tea
  3. Chai
ol.ualpha
{
list-style-type: upper-alpha
}
<ol class="ualpha">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ol>
  1. Coffee
  2. Tea
  3. Chai

unordered lists

ul.disc
{
list-style-type: disc
}
<ul class="disc">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ul>
  • Coffee
  • Tea
  • Chai
ul.circle
{
list-style-type:circle
}
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ul>
  • Coffee
  • Tea
  • Chai
ul.square
{
list-style-type: square
}
<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ul>
  • Coffee
  • Tea
  • Chai
ul.none
{
list-style-type: none
}
<ul class="none">
<li>Coffee</li>
<li>Tea</li>
<li>Chai</li>
</ul>
  • Coffee
  • Tea
  • Chai
  wsu vancouver : digital technology + culture : burgess : 355 : exercises : css list classes