Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

stroke-dashoffset Redirect 2

« SVG Attribute reference home

the stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.

If a <percentage> is used, the value represents a percentage of the current viewport.

Values can be negative.

Usage context

Categories Presentation attribute
Value <percentage> | <length> | inherit
Initial value 1
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

The following elements can use the stroke-dashoffset attribute

Document Tags and Contributors

 Contributors to this page: Jeremie
 Last updated by: Jeremie,