stroke

Summary

The stroke attribute is a presentation attribute that define the color of the outline of the given graphical element.

 stroke: none | currentColor | color | funciri [ none | currentColor | color ] | inherit

The default value is none, which means that the outline is not drawn.

Examples

This example shows how to draw a circle with a red stroke and no fill color.

<svg width="400" height="400">
  <circle cx="100" cy="100" r="50" stroke="red" stroke-width="3" fill="none" />
</svg>

Standards information

• Scalable Vector Graphics: Painting, Filling, Stroking and Marker Symbols, Section 11.4

Related specifications

SVG 1.1

W3C Recommendation

See also

Related pages

• CSSStyleDeclaration
• currentStyle
• style
• SVGTSpanElement
• SVGTextPathElement
• SVGTextElement
• SVGPathElement
• SVGRectElement
• SVGCircleElement
• SVGEllipseElement
• SVGLineElement
• SVGPolylineElement
• SVGPolygonElement

Reference

• strokeDasharray
• strokeDashoffset
• strokeLinecap
• strokeLinejoin
• strokeMiterlimit
• strokeOpacity
• strokeWidth
• fill

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]