CSS unordered list
➔ In an unordered list, each list item is marked with a bullet.
Syntax
list-style-type: value;
Property values
| Common Value | Description |
|---|---|
| disc | A filled circle. This is default. |
| circle | A hollow circle. |
| square | A filled square. |
| none | No marker is displayed |
| initial | Sets the property to its default value. |
| inherit | The element inherits the property value from its parent element. |
Example
#p1 {
list-style-type:circle;
}
#p2 {
list-style-type:square;
}
#p3 {
list-style-type:disc;
}Click on the "Try it Now" button to see how it works.
Example
#p1 {
list-style-type:circle;
list-style-position:inside;
}
#p2 {
list-style-type:square;
list-style-position:outside;
}
#p3 {
list-style-image: url('images/star3.png');
}Click on the "Try it Now" button to see how it works.