marker-offset

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Summary

The marker-offset CSS property describes the distance between the nearest border edges of a marker-box and the target node.

Usually the marker-box is a ::before or ::after pseudo-element set to display: marker;.

This property was proposed in CSS 2, but abandoned in CSS 2 (Revision 1) and never implemented. It is considered as non-standard.

Initial valueauto
Applies toelements with display: marker;
Inheritedno
Mediavisual
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword value */
marker-offset: auto;

/* <length> values */
marker-offset: 10px;
marker-offset: 2em;

/* Global values */
marker-offset: inherit;
marker-offset: initial;
marker-offset: unset;

Values

<length>
See <length> for possible units.
auto
The browser will calculate and select an offset.

Formal syntax

<length> | auto

Examples

li:before {
  display: marker;
  marker-offset: 4px;
} 

Specifications

Was proposed in CSS 2, that was abandoned for CSS 2 (Level 1).

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support No support No support No support No support No support
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support No support No support No support No support No support

Document Tags and Contributors

 Last updated by: Prinz_Rana,