border

Configures a tooltip's border.

Type:

Object

Show Example:
jQuery

In this example, several options of the tooltip's border are changed.


                                    

                                    

color

Colors a tooltip's border.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors:

Show Example:
jQuery

In this example, the tooltip's border is colored in 'forestgreen'.


                                    

                                    

dashStyle

Specifies the dash style of a tooltip's border.

Type:

String

Default Value: 'solid'
Accepted Values: 'solid' | 'longDash' | 'dash' | 'dot'

The following values are available:

  • solid
    Displays the border as a solid, continuous line.
  • longDash
    Displays the border using long dashes.
  • dash
    Displays the border using dashes.
  • dot
    Displays the border using dots.
  • Any combination of 'longDash', 'dash' and 'dot'
    Displays the border by repeating the specified combination. For instance, 'dashdotdash'.

When using the widget as an ASP.NET MVC Control, specify this option using the DashStyle enum. This enum accepts the following values: Solid, LongDash, Dash and Dot.

Show Example:
jQuery

In this example, the tooltip's border has the 'longDash' dash style.


                                    

                                    

opacity

Specifies the transparency of a tooltip's border.

Type:

Number

Default Value: undefined

This option accepts a value from 0 to 1, where 0 makes the border completely transparent, and 1 makes it opaque.

Show Example:
jQuery

In this example, the tooltip's border is displayed with a 0.5 opacity.


                                    

                                    

visible

Specifies whether a tooltip's border is visible.

Type:

Boolean

Default Value: true

Show Example:
jQuery

Toggle the check box below to show/hide the tooltip's border. Hover over a value or subvalue indicator to see the changes.


                                    

                                    

width

Specifies the width of a tooltip's border in pixels.

Type:

Number

Default Value: 1

Show Example:
jQuery

In this example, tooltips have a 4-pixel border.