stroke-linecap property
Sets or retrieves a value that specifies the shape to be used at the end of open subpaths when they are stroked.
  |
Syntax
stroke-linecap: butt | round | bevel
Property values
butt-
Default. Indicates that there should be no extra decoration at the end.
round-
Indicates that there should be a half circle, its diameter equal to the line's width, at the end.
bevel-
Indicates that there should be a straight line extending half the line's width past its endpoint.
CSS information
| Applies To | shapes and text content elements |
|---|---|
| Media | visual |
| Inherited | 1 |
| Initial Value | butt |
Standards information
Remarks
As of Microsoft Edge, this presentation attribute is animatable with CSS Animations and CSS Transitions.
See also
- CSSStyleDeclaration
- currentStyle
- style
- SVGCircleElement
- SVGEllipseElement
- SVGLineElement
- SVGPathElement
- SVGPolygonElement
- SVGPolylineElement
- SVGRectElement
- SVGTextElement
- SVGTextPathElement
- SVGTSpanElement
- Reference
- stroke
- strokeDasharray
- strokeDashoffset
- strokeLinejoin
- strokeMiterlimit
- strokeOpacity
- strokeWidth
Show: