Roots
Back

CSS Lists

List Style Image

ul / ol / li {list-style-image: url('url')}

ul - Set an image to place at the start of an unordered list.
ol - Set an image to place at the start of an ordered list.
li - Set an image to place at the start of a list item.
url - The full or relative address of the image.

List Style Position

ul / ol / li {list-style-position: inside / outside;}

inside - Position the list-style-image graphic at the start of the list / item content.
outside - Position the list-style-image graphic outside the border of the list / item.

List Style Type

ul / ol / li {list-style-type: disc / circle / square / decimal / decimal-leading-zero / upper-alpha / lower-alpha / upper-roman / lower-roman / lower-greek / hebrew / armenian / georgian / cjk-ideographic / hiragana / katakana / hiragana-iroha;}

inside - Position the list-style-image graphic at the start of the list / item content.
outside - Position the list-style-image graphic outside the border of the list / item.