LIST PROPERTY

Lesson 1.

LIST-STYLE PROPERTY

The list properties are intended for formatting of the list marker
at the beginning of a list element. Thanks to list properties we
can establish the marker type, the marker position, also set any
image as the list item marker.

The list-style property is a shortcut property. It contains list-style-type,
list-style-position and list-style-image properties.

For an unordered list we should apply disc, circle and square.
For an ordered list we should apply decimal, lower-alpha,
upper-alpha, lower-roman, upper-roman and so on.

But you would notice that CSS1, CSS2 and CSS3 demand
possible different values.

The possible values are:
list-style-type: decimal;
list-style-type: lower-alpha;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: none;

LIST-STYLE-TYPE

The possible values are:
list-style-type: decimal;
list-style-type: lower-alpha;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: none;

list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: armenian;
list-style-type: cjk-ideographic;
list-style-type: decimal-leading-zero;
list-style-type: georgian;
list-style-type: hiragana;
list-style-type: hiragana-iroha;
list-style-type: hebrew;
list-style-type: katakana;
list-style-type: katakana-iroha ;
list-style-type: lower-greek;
list-style-type: arabic-indic;
list-style-type: bengali;
list-style-type: cjk-earthly-branch;
list-style-type: cjk-heavenly-stem;
list-style-type: devanagari;
list-style-type: ethiopic-abegede;
list-style-type: ethiopic-halehame;
list-style-type: ethiopic-numeric;
list-style-type: gujarait;
list-style-type: gurmukhi;
list-style-type: hangul;
list-style-type: japanese-formal;
list-style-type: japanese-informal;
list-style-type: malayalam;
list-style-type: persian;
list-style-type: simp-chinese-formal;
list-style-type: simp-chinese-informal;
list-style-type: telugu;
list-style-type: thai;
list-style-type: trad-chinese-formal;
list-style-type: trad-chinese-informal;
list-style-type: urdu;

LIST-STYLE-POSITION

list-style-position: inside;
list-style-position: outside;

LIST-STYLE-IMAGE

list-style-image: url( );