Articles

The stroke-dashoffset property in CSS defines the location along an SVG path where the dash of a stroke will begin. The higher the number, the further along the path the dashes will begin.

.module {
  stroke-dashoffset: 100;
}

Remember:

• This

The stroke-linecap property in CSS is for setting the starting and ending points of a border on SVG shapes.

.module {
  stroke-linecap: round;
}

Remember:

• This will override a presentation attribute <path stroke-linecap="square" ... />
• This will not override an

The stroke-width property in CSS is for setting the width of a border on SVG shapes.

.module {
  stroke-width: 2;
}

Remember:

• This will override a presentation attribute <path stroke-width="2" ... />
• This will not override an inline style e.g.

The stroke property in CSS is for adding a border to SVG shapes.

.module {
  stroke: black;
}

Remember:

• This will override a presentation attribute <path stroke="#fff" ... />
• This will not override an inline style e.g. <path style="stroke: #fff;"