---
title: Style
framework: mapkitjs
role: symbol
role_heading: Class
path: mapkitjs/style
---

# Style

A set of observable style properties for overlays, including the color and opacity of strokes and fills, and line styles.

## Declaration

```data
class Style
```

## Overview

Overview You can assign a mapkit.Style object to an overlay to customize its appearance, such as changing the opacity of the fill or the thickness of the stroke. Style properties are observable, so MapKit JS automatically reflects any change to a style property on the corresponding overlays.

## Topics

### Creating a style

- [new Style(options)](mapkitjs/style/styleconstructor.md)
- [StyleConstructorOptions](mapkitjs/styleconstructoroptions.md)

### Styling fills

- [fillColor](mapkitjs/style/fillcolor.md)
- [fillOpacity](mapkitjs/style/fillopacity.md)
- [fillRule](mapkitjs/style/fillrule.md)

### Styling lines

- [lineCap](mapkitjs/style/linecap.md)
- [lineDash](mapkitjs/style/linedash.md)
- [lineDashOffset](mapkitjs/style/linedashoffset.md)
- [lineJoin](mapkitjs/style/linejoin.md)
- [lineWidth](mapkitjs/style/linewidth.md)
- [lineGradient](mapkitjs/style/linegradient.md)
- [LineGradient](mapkitjs/linegradient.md)

### Styling strokes

- [strokeColor](mapkitjs/style/strokecolor.md)
- [strokeOpacity](mapkitjs/style/strokeopacity.md)
- [strokeStart](mapkitjs/style/strokestart.md)
- [strokeEnd](mapkitjs/style/strokeend.md)

### Instance Methods

- [toString()](mapkitjs/style/tostring.md)

## See Also

### Overlays

- [Adding interactivity to overlays](mapkitjs/adding-interactivity-to-overlays.md)
- [Overlay](mapkitjs/overlay.md)
- [CircleOverlay](mapkitjs/circleoverlay.md)
- [PolylineOverlay](mapkitjs/polylineoverlay.md)
- [PolygonOverlay](mapkitjs/polygonoverlay.md)
- [OverlayOptions](mapkitjs/overlayoptions.md)
- [TileOverlay](mapkitjs/tileoverlay.md)
- [TileOverlayUrlTemplate](mapkitjs/tileoverlayurltemplate.md)