CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS list-style-position Property
Example
Specify that the the list-item markers should appear inside the content flow (results in an extra indentation):
ul
{
list-style-position:inside;
}
{
list-style-position:inside;
}
Try it yourself »
Definition and Usage
The list-style-position property specifies if the list-item markers should appear inside or outside the content flow.
Outside:
- Coffee
- Tea
- Coca-cola
Inside:
- Coffee
- Tea
- Coca-cola
| Default value: | outside |
|---|---|
| Inherited: | yes |
| Version: | CSS1 |
| JavaScript syntax: | object.style.listStylePosition="inside" |
Browser Support
The list-style-position property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property Values
| Value | Description | Play it |
|---|---|---|
| inside | Indents the marker and the text. The bullets appear inside the content flow | Play it » |
| outside | Keeps the marker to the left of the text. The bullets appears outside the content flow. This is default | Play it » |
| inherit | Specifies that the value of the list-style-position property should be inherited from the parent element |
Related Pages
CSS tutorial: CSS List
CSS reference: list-style property
HTML DOM reference: listStylePosition property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
