CSS marker

The CSS marker property is a shorthand for marker-start, marker-mid and marker-end. It is used with SVG shapes and paths, not with normal HTML list bullets.

Syntax

marker: none;
marker: url(#arrow);
marker: url(#start) url(#middle) url(#end);

Example

line { marker: url(#arrow); }

Result:

List markers

For HTML lists, use list-style-type, list-style-image or the ::marker pseudo-element instead.