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 :number|undefined
-
Radius of the element border.
Type:
- number | 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 :string|undefined
-
Font size of the element text.
Type:
- 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
-
Behaviour 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
ellipsiswhen awidthis 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