CSS - marker-offset

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

Example

 

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

Syntax  

CSS
/* 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

CSS
<a href="css/length" title="Possible values: a number followed by'em', 'ex', 'ch', 'rem', 'px', 'cm', 'mm', 'in', 'vh', 'vw', 'vmin', 'vmax', 'pt', 'pc' or 'px', like 3px, 1.5cm, -0.5em or 0"><length></a> <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> auto

Description  

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

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

Specifications  

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

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/marker-offset

CSS NeedsBrowserCompatibility NeedsMobileBrowserCompatibility