<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [puppeteer](./puppeteer.md) &gt; [Protocol](./puppeteer.protocol.md) &gt; [Overlay](./puppeteer.protocol.overlay.md) &gt; [GridHighlightConfig](./puppeteer.protocol.overlay.gridhighlightconfig.md)

## Protocol.Overlay.GridHighlightConfig interface

Configuration data for the highlighting of Grid elements.

<b>Signature:</b>

```typescript
export interface GridHighlightConfig 
```

## Properties

|  Property | Type | Description |
|  --- | --- | --- |
|  [areaBorderColor](./puppeteer.protocol.overlay.gridhighlightconfig.areabordercolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The named grid areas border color (Default: transparent). |
|  [cellBorderColor](./puppeteer.protocol.overlay.gridhighlightconfig.cellbordercolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The cell border color (default: transparent). Deprecated, please use rowLineColor and columnLineColor instead. |
|  [cellBorderDash](./puppeteer.protocol.overlay.gridhighlightconfig.cellborderdash.md) | boolean | Whether the cell border is dashed (default: false). Deprecated, please us rowLineDash and columnLineDash instead. |
|  [columnGapColor](./puppeteer.protocol.overlay.gridhighlightconfig.columngapcolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The column gap highlight fill color (default: transparent). |
|  [columnHatchColor](./puppeteer.protocol.overlay.gridhighlightconfig.columnhatchcolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The column gap hatching fill color (default: transparent). |
|  [columnLineColor](./puppeteer.protocol.overlay.gridhighlightconfig.columnlinecolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The column line color (default: transparent). |
|  [columnLineDash](./puppeteer.protocol.overlay.gridhighlightconfig.columnlinedash.md) | boolean | Whether column lines are dashed (default: false). |
|  [gridBorderColor](./puppeteer.protocol.overlay.gridhighlightconfig.gridbordercolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The grid container border highlight color (default: transparent). |
|  [gridBorderDash](./puppeteer.protocol.overlay.gridhighlightconfig.gridborderdash.md) | boolean | Whether the grid border is dashed (default: false). |
|  [rowGapColor](./puppeteer.protocol.overlay.gridhighlightconfig.rowgapcolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The row gap highlight fill color (default: transparent). |
|  [rowHatchColor](./puppeteer.protocol.overlay.gridhighlightconfig.rowhatchcolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The row gap hatching fill color (default: transparent). |
|  [rowLineColor](./puppeteer.protocol.overlay.gridhighlightconfig.rowlinecolor.md) | [DOM.RGBA](./puppeteer.protocol.dom.rgba.md) | The row line color (default: transparent). |
|  [rowLineDash](./puppeteer.protocol.overlay.gridhighlightconfig.rowlinedash.md) | boolean | Whether row lines are dashed (default: false). |
|  [showAreaNames](./puppeteer.protocol.overlay.gridhighlightconfig.showareanames.md) | boolean | Show area name labels (default: false). |
|  [showGridExtensionLines](./puppeteer.protocol.overlay.gridhighlightconfig.showgridextensionlines.md) | boolean | Whether the extension lines from grid cells to the rulers should be shown (default: false). |
|  [showLineNames](./puppeteer.protocol.overlay.gridhighlightconfig.showlinenames.md) | boolean | Show line name labels (default: false). |
|  [showNegativeLineNumbers](./puppeteer.protocol.overlay.gridhighlightconfig.shownegativelinenumbers.md) | boolean | Show Negative line number labels (default: false). |
|  [showPositiveLineNumbers](./puppeteer.protocol.overlay.gridhighlightconfig.showpositivelinenumbers.md) | boolean | Show Positive line number labels (default: false). |
|  [showTrackSizes](./puppeteer.protocol.overlay.gridhighlightconfig.showtracksizes.md) | boolean | Show track size labels (default: false). |