CSS stroke-linejoin property
Description
CSS stroke-linejoin property specifies the shapes at the corners of paths or shapes.
Syntax
stroke-linejoin : miter | bevel | round
Property values
miterDefault
-
It represents the sharp corners where path segments meet. It is formed by extending the strokes of the edges until they intersect.
stroke-linejoin: miter;
bevel
-
It crops the corners at the intersect point by the perpendicular to its diagonal.
stroke-linejoin: bevel;
round
-
It converts the sharp corners into round shape corners.
stroke-linejoin: round;
Applicable to
It applies to inline boxes and SVG shapes.
From web4college, the free CSS digger
▾
