marker-end | CSS CSS Properties

An SVG property that places a 'marker' (like an arrowhead or dot) at the very last point of a path, line, or polyline.

Quick example

line {
  stroke: black;
  /* Adds an arrowhead (defined in <marker>) to the end of the line */
  marker-end: url(#arrow);
}

Initial value

none

Inherited

Yes

Applies to

a subset of SVG elements (shapes)

Animation type

discrete

none

Widely available Since 2020 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.

Safe to use without fallbacks.

15+