stroke-width property
Sets or retrieves a value that specifies the width of the stroke on the current object.
![]() ![]() |
Syntax
stroke-width:
<percentage>
|
<length>
| inherit
Property values
- percentage
-
An integer, followed by a % sign. The value is a percentage of the current viewport.
- length
-
A floating-point number, followed by either an absolute units designator (
cm,mm,in,pt, orpc) or a relative units designator (em,ex, orpx), that indicates the width of the stroke. (For more information about the supported length units, see CSS Length Units Reference.) Default value is 1. inherit-
Indicates that the property takes the same computed value as the property for the element's parent.
CSS information
| Applies To | shapes and text content elements |
|---|---|
| Media | visual |
| Inherited | 1 |
| Initial Value | 1 |
Standards information
Remarks
As of Microsoft Edge, this presentation attribute is animatable with CSS Animations and CSS Transitions.
A length value of 0 causes no stroke to be painted. A negative value is an error.
See also
- CSSStyleDeclaration
- currentStyle
- style
- SVGCircleElement
- SVGEllipseElement
- SVGLineElement
- SVGPathElement
- SVGPolygonElement
- SVGPolylineElement
- SVGRectElement
- SVGTextElement
- SVGTextPathElement
- SVGTSpanElement
- Reference
- stroke
- strokeDasharray
- strokeDashoffset
- strokeLinecap
- strokeLinejoin
- strokeMiterlimit
- strokeOpacity

