Interface BorderStyle

A BorderStyle describes how the inner or outer border of a closed shape is rendered.

Borders are rendered only for closed shapes, for instance: polygon, circle, ellipse, buffer, arc band. Non-closed shapes, such as polylines, points, or arcs, are painted without border. Extruded shapes are visualized with borders only on 2D maps.

The inner border stroke is drawn on the inner side of shape and the outer border stroke is drawn on the outer side of shape. If shape style is defined with the fill, stroke, inner and outer border style then the borders are drawn after rendering the fill style and before rendering the stroke style.

Since

2019.0

// ShapeStyle object literal that uses Border style to draw inner and outer border
var style = {
  innerBorder: {
    color: "rgba(12, 2, 110, 0.25)",
    width: 12
  },
  outerBorder: {
    color: "rgba(12, 2, 110, 0.5)",
    width: 3
  },
  stroke: { width: 2 }
};
Copy