CSS stroke-linecap property

Description

CSS stroke-linecap property defines the shape of corners at the end of a line.

Syntax

stroke-linecap : butt | round | square

Property values

buttDefault

It represents squared shaped corners of an SVG line.

stroke-linecap: butt;

round

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

stroke-linecap: round;

square

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

stroke-linecap: square;

Applicable to

It applies to inline boxes and SVG shapes.

#CSS digger
Was this article helpful?

 
×

Ctrl+D