SVG + CSS

Stroke

Color and width

stroke: red;
stroke-width: 3px;

Linecap

stroke-linecap: round;
stroke-linecap: square;
stroke-linecap: butt;

Linejoin

stroke-linejoin: round;
stroke-linejoin: miter;
stroke-linejoin: bevel;

Dash array

stroke-dasharray: 5 5;

Fill

Color fill

fill: #6F327F;

Gradient fill (the gradient is defined using SVG tags)

fill: url(#radialgradient);

Filter

A SVG filter can be applied to an element using CSS

.dropshadow {
  filter: url(#dropshadow);
}
.coloured {
  filter: url(#monochrome);
}