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
li:before { display: marker; marker-offset: 4px; }
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
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 value | auto |
---|---|
Applies to | elements with
|
Inherited | no |
Media | visual |
Computed value | as specified |
Animatable | no |
Canonical order | the 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