MDN wants to learn about developers like you:

この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

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.

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;
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar


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

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

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


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

Formal syntax

<length> | auto


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


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


 最終更新者: mfluehr,