CSS stroke-linecap property

Property values

buttDefault

It represents squared shaped corners of an SVG line.

stroke-linecap: butt;

Try it { }

round

It adds additional round corners at the both ends of an svg line.

stroke-linecap: round;

Try it { }

square

It adds additional square corners at the both ends of an svg line.

stroke-linecap: square;

Try it { }