עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
stroke-dashoffset CSS Property
The stroke-dashoffset property sets the starting position within the dash array pattern. Useful for line-drawing animations (e.g. SVG stroke animations). Initial value is 0.
path {
stroke-dashoffset: 50;
}
.animated {
stroke-dasharray: 200;
stroke-dashoffset: 200;
animation: draw 2s forwards;
}
@keyframes draw {
to { stroke-dashoffset: 0; }
}
min:-9999
max:9999
step:1
units:px | % | em | rem
CSS Fill and Stroke Module Level 3
Editor's Draft
<length-percentage>
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext