---
title: gaugeAreaProps API
description: "API Index | gaugeAreaProps"
api_reference: true
slug: api_lineargauge_gaugeareaprops_wrapper
---

# GaugeAreaProps


### gauge-area-background `String`

The background of the Gauge area. Accepts any valid CSS color string, including hex and rgb.

### gauge-area-border-color `String`

The color of the border. Accepts any valid CSS color string, including hex and rgb.

### gauge-area-border-dash-type `String`

The dash type of the border.

### gauge-area-border-width `Number`

The width of the border.

### gauge-area-height `Number`

The height of the gauge area.  By default, the vertical Gauge is 200px and the horizontal one is 60px.

### gauge-area-margin `Number`

The margin of the Gauge area.

### gauge-area-margin-top `Number`

The top margin of the Gauge area.

### gauge-area-margin-bottom `Number`

The bottom margin of the Gauge area.

### gauge-area-margin-left `Number`

The left margin of the Gauge area.

### gauge-area-margin-right `Number`

The right margin of the Gauge area.

### gauge-area-width `Number`

The width of the Gauge area. By default, the vertical Gauge is 60px and horizontal Gauge is 200px.

## Suggested Links

* [`GaugeArea` in Kendo UI LinearGauge for jQuery](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/lineargauge/configuration/gaugearea)