CSS stroke-linejoin property

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;

Try it { }

bevel

It crops the corners at the intersect point by the perpendicular to its diagonal.

stroke-linejoin: bevel;

Try it { }

round

It converts the sharp corners into round shape corners.

stroke-linejoin: round;

Try it { }