Posts tagged ‘List’

CSS list-style-type

Example

Set some different list styles:

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}

More examples at the bottom of this page.


Definition and Usage

The list-style-type specifies the type of list-item marker in a list.

Default value: disc
Inherited: yes
Version: CSS1
JavaScript syntax: object.style.listStyleType=”square”

Continue reading ‘CSS list-style-type’ »

CSS Lists

The CSS list properties allow you to:

  • Set different list item markers for ordered lists
  • Set different list item markers for unordered lists
  • Set an image as the list item marker

List

In HTML, there are two types of lists:

  • unordered lists – the list items are marked with bullets
  • ordered lists – the list items are marked with numbers or letters

With CSS, lists can be styled further, and images can be used as the list item marker. Continue reading ‘CSS Lists’ »