list-style-position

The list-style-position property specifies the position of the marker box in the principal block box.

Syntax

list-style-position: inside | outside | inherit
Initial: outside
Applies To: elements with display: list-item
Inherited: yes
Percentages: NA
Media: visual

Values

list-style-position: value
Value Description
inside Marker box is outside the principal block box
outside Marker box is the first inline box in the principal block box, after which the element's content flows

DOM

[window.]document.getElementById("element-id").style.listStylePosition = "list-style-position";

Example | inside

Example | outside

Example | DOM

External

W3C Cascading Style Sheets, level 1

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification