stroke-width

« SVG Attribute reference home

the stroke-width attribute specifies the width of the outline on the current object. Its default value is 1. If a <percentage> is used, the value represents a percentage of the current viewport. If a value of 0 is used the outline will never be drawn.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet

Usage context

Categories Presentation attribute
Value <length> | <percentage> | inherit
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" stroke="#ff0" stroke-width="10" />
</svg>

Result

Elements

The following elements can use the stroke-width attribute

Document Tags and Contributors

 Contributors to this page: jalbertbowden, Jeremie
 Last updated by: jalbertbowden,