marker-end
An SVG property that places a 'marker' (like an arrowhead or dot) at the very last point of a path, line, or polyline.
It is documented as part of the Scalable Vector Graphics specification.
Syntax
/* Usage Example */
line {
stroke: black;
/* Adds an arrowhead (defined in <marker>) to the end of the line */
marker-end: url(#arrow);
}
/* Syntax */
marker-end: none;
/* Global values */
marker-end: inherit;
marker-end: initial;
marker-end: revert;
marker-end: revert-layer;
marker-end: unset;marker-end Browser support
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.
1+
3+
4+
15+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more