CSS marker property

Definition and Usage

marker The property points to a marker that will be drawn at all vertices of the element path (i.e., the first, middle, and last vertices).

The shape of the marker is defined by the SVG <marker> element and referenced by the url() value.

CSS marker The value of the property will override any marker property values in SVG.

Point to a marker (arrow) that will be drawn at the first, middle, and last vertices of the element path:

#test {
  marker: url(#arrow);
}

Point to a marker (circle) that will be drawn at the first, middle, and last vertices of the element path:

#test {
  marker: url(#circle);
}

marker: none|url|initial|inherit;

Value	Description
none	Default value. No markers will be drawn on the path.
url	Reference to the URL of a marker defined by an SVG <marker> element.
initial	Set this property to its default value. See initial.
inherit	Inherit this property from its parent element. See inherit.