OpenLayers v4.0.1 API - Namespace: style

# Namespace: style

This documentation is for OpenLayers v4.0.1. The latest is v.

## ol.style

Feature styles.

If no style is defined, the following default style is used:

     var fill = new ol.style.Fill({
       color: 'rgba(255,255,255,0.4)'
     });
     var stroke = new ol.style.Stroke({
       color: '#3399CC',
       width: 1.25
     });
     var styles = [
       new ol.style.Style({
         image: new ol.style.Circle({
           fill: fill,
           stroke: stroke,
           radius: 5
         }),
         fill: fill,
         stroke: stroke
       })
     ];

A separate editing style has the following defaults:

     var white = [255, 255, 255, 1];
     var blue = [0, 153, 255, 1];
     var width = 3;
     styles[ol.geom.GeometryType.POLYGON] = [
       new ol.style.Style({
         fill: new ol.style.Fill({
           color: [255, 255, 255, 0.5]
         })
       })
     ];
     styles[ol.geom.GeometryType.MULTI_POLYGON] =
         styles[ol.geom.GeometryType.POLYGON];
     styles[ol.geom.GeometryType.LINE_STRING] = [
       new ol.style.Style({
         stroke: new ol.style.Stroke({
           color: white,
           width: width + 2
         })
       }),
       new ol.style.Style({
         stroke: new ol.style.Stroke({
           color: blue,
           width: width
         })
       })
     ];
     styles[ol.geom.GeometryType.MULTI_LINE_STRING] =
         styles[ol.geom.GeometryType.LINE_STRING];
     styles[ol.geom.GeometryType.POINT] = [
       new ol.style.Style({
         image: new ol.style.Circle({
           radius: width * 2,
           fill: new ol.style.Fill({
             color: blue
           }),
           stroke: new ol.style.Stroke({
             color: white,
             width: width / 2
           })
         }),
         zIndex: Infinity
       })
     ];
     styles[ol.geom.GeometryType.MULTI_POINT] =
         styles[ol.geom.GeometryType.POINT];
     styles[ol.geom.GeometryType.GEOMETRY_COLLECTION] =
         styles[ol.geom.GeometryType.POLYGON].concat(
             styles[ol.geom.GeometryType.POINT]
         );

### Classes

AtlasManager
Circle
Fill
Icon
Image
RegularShape
Stroke
Style
Text

### Type Definitions

#### ol.style.IconAnchorUnits{string}

  Icon anchor units. One of 'fraction', 'pixels'.

#### ol.style.IconOrigin{string}

  Icon origin. One of 'bottom-left', 'bottom-right', 'top-left', 'top-right'.