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