markerHeight

The markerHeight attribute represents the height 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 height of the marker. Relative values refer to the height specified via the viewBox and preserveAspectRatio attributes.

<number>

This value defines the height 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 'markerHeight' in that specification.
Candidate Recommendation Allowed percentage and number values.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'markerHeight' 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
markerHeight
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/markerHeight