markerWidth

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The markerWidth attribute represents the width of the viewport into which the <marker> is to be fitted when it is rendered according to the viewBox and preserveAspectRatio attributes.

You can use this attribute with the following SVG elements:

<marker>

Usage notes

Value	`<length-percentage>` \| `<number>`
Default value	`3`
Animatable	Yes

<length-percentage>: This value defines either an absolute or a relative width of the marker. Relative values refer to the width specified via the viewBox and preserveAspectRatio attributes.
<number>: This value defines the width of the marker in the units defined by the markerUnits attribute.

A value of zero disables rendering of the element and negative values are an error.

Specifications

Specification
Scalable Vector Graphics (SVG) 2> # MarkerWidthAttribute>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`markerWidth`	1	12	1.5	15	3	18	4	14	2	1.0	4.4	2

markerWidth

Usage notes

Specifications

Browser compatibility

See also