CSS list-style-position Property
Example
Specifies the position of the list-item markers in the list:
ul {
list-style-position: inside;
}
Property Definition and Usage
The list-style-position property indicates how the 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 specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property Values
| Value | Description |
|---|---|
| inside | The list-item markers are placed inside the text, and the text wraps around the markers. |
| outside | Default value. The list-item markers are outside the text, and the text does not wrap around the markers. |
| 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: list-style Property