Make a CSS List

UL Initial Value : disc

For example :

OL Initial Value : decimal

For example :

  1. List Style Type
  2. List Style Image
  3. List Style

List Style Type

Possible Values:

circle | square |lower-roman | upper-roman | lower-alpha | upper-alpha | none

CSS Syntax:

UL.circle { list-style: circle }
UL.square { list-style: square }
UL.plain { list-style: none }
OL.alpha { list-style: upper-alpha } /* A B C D E etc. */
OL.alpha2 { list-style: lower-alpha } /* a b c d e etc. */
OL.roman { list-style: lower-roman } /* i ii iii iv v etc. */
OL.roman2 { list-style: upper-roman } /* i ii iii iv v etc. */

Examples:

  1. List Style Type
  2. List Style Image
  3. List Style
  1. List Style Type
  2. List Style Image
  3. List Style
  1. List Style Type
  2. List Style Image
  3. List Style
  1. List Style Type
  2. List Style Image
  3. List Style

Definition list example

This is the HTML code:

Team Members
Team Leader
Sarah Smith
Programmer
Jim Jenkins
Engineer
Jeff Jones
Technician
Bill Brown

This is HTML code for an unordered list showing how to make the text and bullets a different color using the SPAN element.

List Style Image

CSS Syntax:

( 1 ) :
li.1 { list-style-image: url(ball1.gif) }
li.2 { list-style-image: url(ball2.gif) }
li.3 { list-style-image: url(ball3.gif) }

( 2 ) :
UL.green { list-style-Image: url(ball1.gif) }

Example 1:

Example 2:

list-style shorthand property example

ul {list-style:square inside url(image.////);}