Web4College

CSS stroke-dashoffset property

src

Description

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

Syntax

stroke-dashoffset : length | percentage

Property values

lengthDefault

0

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;
Try it

length

20

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

stroke-dashoffset: 20px;
Try it

Applicable to

It applies to inline boxes and SVG shapes.