You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!
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.
Only one element is using this attribute: <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 theviewBoxandpreserveAspectRatioattributes. <number>- This value defines the width of the marker in the units defined by the
markerUnitsattribute.
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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
markerWidth | Chrome Full support Yes | Edge Full support Yes | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support