# Line

#### Paint Property

<table><thead><tr><th>Property Name</th><th width="194">Description</th><th width="150">Type</th><th>Defaults</th></tr></thead><tbody><tr><td>line-blur</td><td>Blur applied to the line, in pixels.or not the fill should be antialiased.</td><td>number</td><td>0</td></tr><tr><td>line-color</td><td>The color with which the line will be drawn.</td><td>hex values, RGB, RGBA, HSL, HSLA,<br>Colors Name</td><td>#000000</td></tr><tr><td>line-dasharray</td><td>Specifies the lengths of the alternating dashes and gaps that form the dash pattern.</td><td>array of numbers</td><td>[0,0]</td></tr><tr><td>line-gap-width</td><td>Draws a line casing outside of a line's actual path. Value indicates the width of the inner gap.</td><td>number</td><td>0</td></tr><tr><td>line-gradient</td><td>Defines a gradient with which to color a line feature. Can only be used with GeoJSON sources that specify <code>"lineMetrics": true</code>.</td><td>hex values, RGB, RGBA, HSL, HSLA,<br>Colors Name</td><td>map</td></tr><tr><td>line-offset</td><td>The line's offset. For linear features, a positive value offsets the line to the right, relative to the direction of the line, and a negative value to the left. For polygon features, a positive value results in an inset, and a negative value results in an outset.</td><td>number</td><td>0</td></tr><tr><td>line-opacity</td><td>The opacity at which the line will be drawn.<br>between 0 and 1 inclusive</td><td>number</td><td>1</td></tr><tr><td>line-translate</td><td>The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.</td><td>array of numbers</td><td>[0,0]</td></tr><tr><td>line-translate-anchor</td><td><p>Controls the frame of reference for <code>line-translate</code>.</p><p><code>"map"</code>:</p><p>The line is translated relative to the map.</p><p><code>"viewport"</code>:</p><p>The line is translated relative to the viewport.</p></td><td>string</td><td>map</td></tr><tr><td>line-width</td><td>Stroke thickness.<br>greater than 0</td><td>number</td><td>1</td></tr></tbody></table>

#### Layout Property

<table><thead><tr><th>Property Name</th><th width="286">Description</th><th width="150">Type</th><th>Defaults</th></tr></thead><tbody><tr><td>visibility</td><td><p>Whether this layer is displayed.</p><p><code>"visible"</code>:</p><p>The layer is shown.</p><p><code>"none"</code>:</p><p>The layer is not shown.</p></td><td>String( visible or none)</td><td>visible</td></tr><tr><td>line-cap</td><td><p>The display of line endings.</p><p><code>"butt"</code>:</p><p>A cap with a squared-off end which is drawn to the exact endpoint of the line.</p><p><code>"round"</code>:</p><p>A cap 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.</p><p><code>"square"</code>:</p><p>A cap 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.</p></td><td>String</td><td>butt</td></tr><tr><td>line-join</td><td><p>The display of lines when joining.</p><p><code>"bevel"</code>:</p><p>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.</p><p><code>"round"</code>:</p><p>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.</p><p><code>"miter"</code>:</p><p>A join with a sharp, angled corner which is drawn with the outer sides beyond the endpoint of the path until they meet.</p></td><td>String</td><td>miter</td></tr><tr><td>line-miter-limit</td><td>Used to automatically convert miter joins to bevel joins for sharp angles.</td><td>number</td><td>2</td></tr><tr><td>line-round-limit</td><td>Used to automatically convert round joins to miter joins for shallow angles.</td><td>number</td><td>1.05</td></tr></tbody></table>

###