There are various CSS properties that can be used to control lists. Lists can be classified as ordered lists and unordered lists. In ordered lists, marking of the list items is with alphabet and numbers, whereas in unordered lists, the list items are marked using bullets.
We can style the lists using CSS. CSS list properties allow us to:
- Set the distance between the text and the marker in the list.
- Specify an image for the marker instead of using the number or bullet point.
- Control the marker appearance and shape.
- Place the marker outside or inside the box that contains the list items.
- Set the background colors to list items and lists.
The CSS properties to style the lists are given as follows:
- list-style-type: This property is responsible for controlling the appearance and shape of the marker.
- list-style-image: It sets an image for the marker instead of the number or a bullet point.
- list-style-position: It specifies the position of the marker.
- list-style: It is the shorthand property of the above properties.
- marker-offset: It is used to specify the distance between the text and the marker. It is unsupported in IE6 or Netscape 7.
Example:
Output:
Ordered Lists
- one
- two
- three
- one
- two
- three
- one
- two
- three
Unordered lists
- one
- two
- three
- one
- two
- three
- one
- two
- three
Do you Know?
Progamming is what actually means ?What is software development ?
How we categorized software development in different manner.
C Programming
C Plus Plus
Python
Java Development
Web Designing
Javascript
Mysql
Oracle
C Plus Plus
Python
Java Development
Web Designing
Javascript
Mysql
Oracle
We cover all the programming concepts in various programming languages, this tutorials are very help full for bigener as well as Experience developer, for the ease of understanding we categorized programming in different manner likewise.
