CSS liststyleposition Property (original) (raw)
CSS list-style-position Property
Last Updated : 27 Aug, 2024
**CSS List-Style-Position Property isa key attribute that determines the position of the marker box about the principal block box. This property gives you the control to fine-tune the placement of your list markers, enhancing the structure and readability of your lists.
**Syntax:
list-style-position: outside|inside|initial|inherit;
**Property values:
| **outside | In this value the marker is outside the principal block box i.e. the bullet points will be outside the list item. This is the default value. |
|---|---|
| **inside | In this value, the marker is the first element among the list item's contents i.e. the bullet points will be inside the list item. |
| **initial | This mode sets this property to its default value. |
**Example: In this example code, we use the CSS list style position property.
html `
CSS list-style-position Property