---
title: strokeStyle
framework: webkitjs
role: symbol
role_heading: Instance Property
path: webkitjs/canvasrenderingcontext2d/1634470-strokestyle
---

# strokeStyle

A CSS color, a gradient, or a pattern used to stroke lines and shapes.

## Declaration

```data
attribute custom strokeStyle;
```

## Discussion

Discussion This property may be set to any CSS color, to a pattern object, or to a linear or radial gradient object. When the stroke(), strokeRect(), or strokeText() operation is performed, the lines are drawn using the style specified by strokeStyle.

## See Also

### Filling and Stroking Lines and Paths

- [fill](webkitjs/canvasrenderingcontext2d/1631011-fill.md)
- [fillStyle](webkitjs/canvasrenderingcontext2d/1633959-fillstyle.md)
- [lineCap](webkitjs/canvasrenderingcontext2d/1629505-linecap.md)
- [lineJoin](webkitjs/canvasrenderingcontext2d/1629229-linejoin.md)
- [lineWidth](webkitjs/canvasrenderingcontext2d/1630379-linewidth.md)
- [miterLimit](webkitjs/canvasrenderingcontext2d/1631529-miterlimit.md)
- [stroke](webkitjs/canvasrenderingcontext2d/1634233-stroke.md)

### Related Documentation

- [createRadialGradient](webkitjs/canvasrenderingcontext2d/1631480-createradialgradient.md)
- [createLinearGradient](webkitjs/canvasrenderingcontext2d/1630205-createlineargradient.md)
- [createPattern](webkitjs/canvasrenderingcontext2d/1628866-createpattern.md)