CSS3 Examples

CSS MARKER-OFFSET

Written by jon on 10:34 AM In :before or :after pseudo-elements, the ‘display’ property can be set to “marker” to allow content to be paired with other content (usually iteratively, such as with the ‘list-style-type’ property behavior. An element’s content creates a “principal” rendering box. The “marker” for the “principal” box should be formatted in a single-line outside the “principal” box. The “marker” box should allow the border and padding properties, but not margins.
The ‘marker-offset’ property gives a horizontal distance between the marker box and the “principal” rendering box, measured between the adjacent neighboring edges of the two boxes

Example

li:before { display: marker; marker-offset: 5px } <ul><li style=”marker-offset: 5px”>this is some text</li></ul>

Possible Values

Value Descriptions inherit Explicitly sets the value of this property to that of the parent auto The browser determines the distance between the near edges of the marker box and the content box [length] A specified length value is used to determines the distance between the near edges of the marker box and the content box