stroke-linejoin property
Sets or retrieves a value that specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
  |
Syntax
stroke-linejoin: miter | round | bevel | inherit
Property values
miter-
Default. Indicates that lines should be joined by extending both of their outside edges until they meet.
round-
Indicates that lines should be joined by a circular arc with a radius that equals half the line width.
bevel-
Indicates that lines should be joined by connecting the outer corners of the lines with a straight line segment.
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 | miter |
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
- strokeLinecap
- strokeMiterlimit
- strokeOpacity
- strokeWidth
Show: