marker-offset

Support Key: [CSS2]
Other List-Style Properties
list-style
list-style-type
list-style-position
list-style-image
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
auto
Applicable Elements:
All elements with a default or assigned display property value of 'marker'
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
What is it?
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.

Allowed Values
inherit
[CSS2]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
auto
[CSS2]
Type: Explicit
Description:
The browser determines the distance between the near edges of the marker box and the content box.
[length]
[CSS2]
Type: Explicit
Description:
A specified length value is used to determines the distance between the near edges of the marker box and the content box.
Example
Ext/Doc: li:before { display: marker; marker-offset: 5px }
In-Line: <ul><li STYLE="marker-offset: 5px">test text in the list item</li></ul>
Notes Browser Peculiarities

Boring Copyright Stuff....