0 ` .  _Requires_ lights  .  Supports  [
smooth-ramp  ` interpolate ` ](/style-spec/reference/expressions/#interpolate)
expressions.  opacity  Transitionable.

Controls the intensity of light emitted on the source features.

SDK Support  |  Mapbox GL JS  |  Android SDK  |  iOS SDK   
---|---|---|---  
basic functionality  |  >= 3.0.0  |  >= 11.0.0  |  >= 11.0.0   
  
###  line-gap-width  â

[ Paint ](/style-spec/reference/layers/#paint-property) property.  Optional  [
number ](/style-spec/reference/types/#number) greater than or equal to ` 0 ` .
Units in  pixels  .  Defaults to ` 0 ` .  Supports  _[ combine  ` feature-
state ` ](/style-spec/reference/expressions/#feature-state) _ and [ smooth-
ramp  ` interpolate ` ](/style-spec/reference/expressions/#interpolate)
expressions.  opacity  Transitionable.

Draws a line casing outside of a line's actual path. Value indicates the width
of the inner gap.

SDK Support  |  Mapbox GL JS  |  Android SDK  |  iOS SDK   
---|---|---|---  
basic functionality  |  >= 0.10.0  |  >= 2.0.1  |  >= 2.0.0   
data-driven styling  |  >= 0.29.0  |  >= 5.0.0  |  >= 3.5.0   
  
###  line-gradient  â

[ Paint ](/style-spec/reference/layers/#paint-property) property.  Optional  [
color ](/style-spec/reference/types/#color) .  _Disabled by_ line-pattern  .
_Requires_ source  to be  ` "geojson" ` .  Supports  [ smooth-ramp  `
interpolate ` ](/style-spec/reference/expressions/#interpolate) expressions.

A gradient used to color a line feature at various distances along its length.
Defined using a ` step ` or ` interpolate ` expression which outputs a color
for each corresponding ` line-progress ` input value. ` line-progress ` is a
percentage of the line feature's total length as measured on the webmercator
projected coordinate plane (a ` number ` between ` 0 ` and ` 1 ` ). Can only
be used with GeoJSON sources that specify ` "lineMetrics": true ` .

    
    
    [  
      "interpolate",  
      [  
        "linear"  
      ],  
      [  
        "line-progress"  
      ],  
      0,  
      "blue",  
      0.1,  
      "royalblue",  
      0.3,  
      "cyan",  
      0.5,  
      "lime",  
      0.7,  
      "yellow",  
      1,  
      "red"  
    ]  
    

clipboard

SDK Support  |  Mapbox GL JS  |  Android SDK  |  iOS SDK   
---|---|---|---  
basic functionality  |  >= 0.45.0  |  >= 6.5.0  |  >= 4.4.0   
data-driven styling  |  Not yet supported  |  Not yet supported  |  Not yet supported   
  
###  line-join  â

[ Layout ](/style-spec/reference/layers/#layout-property) property.  Optional
[ enum ](/style-spec/reference/types/#enum) .  One of  ` "bevel" ` , ` "round"
` , ` "miter" ` .  Defaults to ` "miter" ` .

The display of lines when joining.

` "bevel" ` :

    

A join with a squared-off end which is drawn beyond the endpoint of the line
at a distance of one-half of the line's width.

` "round" ` :

    

A join with a rounded end which is drawn beyond the endpoint of the line at a
radius of one-half of the line's width and centered on the endpoint of the
line.

` "miter" ` :

    

A join with a sharp, angled corner which is drawn with the outer sides beyond
the endpoint of the path until they meet.

SDK Support  |  Mapbox GL JS  |  Android SDK  |  iOS SDK   
---|---|---|---  
basic functionality  |  >= 0.10.0  |  >= 2.0.1  |  >= 2.0.0   
data-driven styling  |  >= 0.40.0  |  >= 5.2.0  |  >= 3.7.0   
  
###  line-miter-limit  â

[ Layout ](/style-spec/reference/layers/#layout-property) property.  Optional
[ number ](/style-spec/reference/types/#number) .  Defaults to ` 2 ` .
_Requires_ line-join  to be  ` "miter" ` .  Supports  [ smooth-ramp  `
interpolate ` ](/style-spec/reference/expressions/#interpolate) expressions.

Used to automatically convert miter joins to bevel joins for sharp angles.

SDK Support  |  Mapbox GL JS  |  Android SDK  |  iOS SDK   
---|---|---|---  
basic functionality  |  >= 0.10.0  |  >= 2.0.1  |  >= 2.0.0   
  
###  line-offset  â

[ Paint ](/style-spec/refer