stroke
stroke
The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | <paint> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
Example
SVG Line with stroke
Example1: Draw straight green line using stroke.
<svg height="50" width="300">
<path stroke="green" d="M5 20 1215 0" />
</svg> Example2: Draw black circle with blue border using stroke.
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill="black" />
</svg> Elements
The following elements can use the stroke attribute
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke
