CSS list-style-positionProperty
Example
Specifies the position of the list-item markers in a list:
ul {
list-style-position: inside;
}
Try it Yourself »
Property definitions and usage notes
The list-style-position property indicates how list-item markers are drawn relative to the content of the object.
| Default value: | outside |
|---|---|
| Inherited: | yes |
| version: | CSS1 |
| JavaScript Syntax: | object.style.listStylePosition="inside" |
Browser Support
The numbers in the table indicate the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property value
| Value | Description |
|---|---|
| inside | List-item markers are placed inside the text, and wrapping text is aligned according to the marker. |
| outside | Default value. Keeps the marker on the left side of the text. List-item markers are placed outside the text, and wrapping text is not aligned according to the marker. |
| inherit | Specifies that the value of the list-style-position property should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Lists
CSS Reference Manual:list-style property
other extensions