list-style-type

The type of list-item marker in a ordered list <ol>. List-style-type only applies if list-style-image is set to none, or to a URI that can’t be displayed.

Syntax
      list-style-type: marker | inherit ;

inherit - Inherit from the parent element.

Numeric markers:
armenian;
decimal;
decimal-leading-zero;
georgian;
lower-roman;
upper-roman;

Alphabetic markers:
hebrew;
lower-alpha; / lower-latin;
lower-greek;
none;
upper-alpha; / upper-latin;

Graphic markers – these give the appearance of an <ul> unordered list:
circle;
disc;
square;

Examples:
ol { list-style-type: upper-roman; }
.emw3class { list-style-type: lower-greek; }
#emw3id { list-style-type: upper-latin; }

Try it:

  1. This is a list
  2. Containing several items
  3. One after another

(CSS 1) Browser Support: All major browsers.

“Style is knowing who you are, what you want to say, and not giving a damn” ~ Gore Vidal

Related:

list-style-image - Set an image as the list-item marker.
list-style-position - Position of list-item markers - inside or outside the content flow.
list-style - Set all the properties for a list in one declaration.


Copyright © 2013-2022 Emw3.com
Some rights reserved