SVG stroke-linecap attribute
The stroke-linecap attribute defines the shape of the stroke that is to be used at the end of the open subpath. This is the presentation attribute.
- butt: This attribute value indicates that the stroke does not extend beyond its two endpoints.
- round: This attribute value indicates that the stroke will extend by a half-circle with a diameter equal to the stroke width at its endpoints.
- square: This attribute value indicates that the stroke will be extended by a rectangle at its endpoints.
We will use the stoke-linecap attribute for defining the shape of the stroke.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.