# Interface: CSSObject

## Highcharts. CSSObject

A style object with camel case property names to define visual appearance of a SVG element or HTML element. The properties can be whatever styles are supported on the given SVG or HTML element.

### Example

    {
       fontFamily: 'monospace',
       fontSize: '1.2em'
    }

### Members

#### [key:string] :boolean|number|string|undefined

  ##### Type:

  - boolean | number | string | undefined

#### background :string|undefined

  Background style for the element.

  ##### Type:

  - string | undefined

#### backgroundColor :Highcharts.ColorString|undefined

  Background color of the element.

  ##### Type:

  - Highcharts.ColorString | undefined

#### border :string|undefined

  Border style for the element.

  ##### Type:

  - string | undefined

#### borderRadius :string|undefined

  Radius of the element border.

  ##### Type:

  - string | undefined

#### color :'contrast'|Highcharts.ColorString|undefined

  Color used in the element. The 'contrast' option is a Highcharts custom property that results in black or white, depending on the background of the element.

  ##### Type:

  - 'contrast' | Highcharts.ColorString | undefined

#### cursor :Highcharts.CursorValue|undefined

  Style of the mouse cursor when resting over the element.

  ##### Type:

  - Highcharts.CursorValue | undefined

#### fontFamily :string|undefined

  Font family of the element text. Multiple values have to be in decreasing preference order and separated by comma.

  ##### Type:

  - string | undefined

#### fontSize :number|string|undefined

  Font size of the element text.

  ##### Type:

  - number | string | undefined

#### fontWeight :string|undefined

  Font weight of the element text.

  ##### Type:

  - string | undefined

#### height :number|undefined

  Height of the element.

  ##### Type:

  - number | undefined

#### lineClamp :number|undefined

  The maximum number of lines. If lines are cropped away, an ellipsis will be added.

  ##### Type:

  - number | undefined

#### lineWidth :number|undefined

  Width of the element border.

  ##### Type:

  - number | undefined

#### opacity :number|undefined

  Opacity of the element.

  ##### Type:

  - number | undefined

#### padding :string|undefined

  Space around the element content.

  ##### Type:

  - string | undefined

#### pointerEvents :string|undefined

  Behavior of the element when the mouse cursor rests over it.

  ##### Type:

  - string | undefined

#### position :string|undefined

  Positioning of the element.

  ##### Type:

  - string | undefined

#### textAlign :string|undefined

  Alignment of the element text.

  ##### Type:

  - string | undefined

#### textDecoration :string|undefined

  Additional decoration of the element text.

  ##### Type:

  - string | undefined

#### textOutline :string|undefined

  Outline style of the element text.

  ##### Type:

  - string | undefined

#### textOverflow :string|undefined

  Line break style of the element text. Highcharts SVG elements support `ellipsis` when a `width` is set.

  ##### Type:

  - string | undefined

#### top :string|undefined

  Top spacing of the element relative to the parent element.

  ##### Type:

  - string | undefined

#### transition :string|undefined

  Animated transition of selected element properties.

  ##### Type:

  - string | undefined

#### whiteSpace :string|undefined

  Line break style of the element text.

  ##### Type:

  - string | undefined

#### width :number|undefined

  Width of the element.

  ##### Type:

  - number | undefined