markerWidth

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:

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 Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'markerWidth' in that specification.		 Candidate Recommendation Allowed percentage and number values.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'markerWidth' in that specification.		 Recommendation Initial definition

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
markerWidth
Yes
12
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/markerWidth