CSS stroke-dashoffset property

Description

CSS stroke-dashoffset property adds an offset distance at the start of dash array.

Syntax

stroke-dashoffset : length | percentage

Property values

lengthDefault

length value adds respective distance at the start of dash array.

The following demo adds 0px offset distance at the start of dash array.

stroke-dashoffset: 0px;

length

20px value moves the dash array by 20px at the beginning of dash pattern.

stroke-dashoffset: 20px;

Applicable to

It applies to inline boxes and SVG shapes.

#CSS digger
Was this article helpful?

 
×

Ctrl+D