Assuming you mean the HTML element “list-item” (used in CSS display values and list semantics):
What it is
- list-item is a CSS display value that makes an element behave like a list item (similar to an
- ).
- It typically generates a principal block box and a marker box (bullet or number).
Behavior
- The element participates in block layout but also shows a list marker if markers are enabled.
- Markers (bullets/numbers) are created in the marker box; their position and style follow list-style- properties.
- User agents render the marker outside the element’s principal block by default, unless list-style-position is changed.
Related CSS properties
- display: list-item;
- list-style-type: sets marker shape (disc, circle, decimal, none).
- list-style-position: inside or outside marker placement.
- list-style-image: use an image as marker.
- ::marker pseudo-element: style the marker (color, font, content).
Use cases
- Create custom list items without
- /
- Apply list markers to non-semantic elements (e.g
- .
Accessibility notes
- Native
- inside
- /
- is preferred for semantics and screen
If you meant a different “list-item” (e.g., in another framework), tell me which and I’ll adapt.
Leave a Reply