Free Trial Buy

border

Specifies the appearance of the tooltip's border.

Type:

Object

Show Example:
jQuery

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


                                    

                            

                            

                                    

                                        

                                    

                            

                    

                

        

    



        

        

                
                            

color                





            

                
Specifies the color of the tooltip's border.


            


            

                                            




            

            

            


                

                            

                                Type: 
String


                            

    

        
    

                            

                                Default Value: '#d3d3d3'
                            

                

            

                
This option supports the following colors.



    

  • Hexadecimal colors
    • 

  • RGB colors
    • 

  • RGBA colors (not supported in Internet Explorer 8)
    • 

  • Predefined/cross-browser color names
    • 

  • Predefined SVG colors (not supported in Internet Explorer 8)
    • 



            


            
    

        
Show Example:
 

        

                
jQuery

        


        

                

                    

                    


                        

                                

                                    
                                

                        


                            


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

                            

                            

                                    

                                        

                                    

                            

                            

                                    

                                        

                                    

                            

                    

                

        

    



        

        

                
                            

dashStyle                





            

                
Specifies the dash style of the tooltip's border.


            


            

                                            




            

            

            


                

                            

                                Type: 
String


                            

    

        
    

                            

                                Default Value: 'solid'
                            

                            

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

                

            

                
The following values are available.



    

  • solid
    
Displays a solid, continuous line.
    • 

  • longDash
    
Displays a border using long dashes.
    • 

  • dash
    
Displays a border using dashes.
    • 

  • dot
    
Displays a border using dots.
    • 

  • Any combination of 'longDash', 'dash' and 'dot'
    
Displays a border by repeating the specified combination. For instance, 'dashdotdash'.
    • 



            


            
    

        
Show Example:
 

        

                
jQuery

        


        

                

                    

                    


                        

                                

                                    
                                

                        


                            


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

                            

                            

                                    

                                        

                                    

                            

                            

                                    

                                        

                                    

                            

                    

                

        

    



        

        

                
                            

opacity                





            

                
Specifies the opacity of the tooltip's border.


            


            

                                            




            

            

            


                

                            

                                Type: 
Number


                            

    

        
    

                            

                                Default Value: undefined
                            

                

            

                


            


            
    

        
Show Example:
 

        

                
jQuery

        


        

                

                    

                    


                        

                                

                                    
                                

                        


                            


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

                            

                            

                                    

                                        

                                    

                            

                            

                                    

                                        

                                    

                            

                    

                

        

    



        

        

                
                            

visible                





            

                
Specifies whether the tooltip's border is visible or not.


            


            

                                            




            

            

            


                

                            

                                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 the tooltip's border in pixels.


            


            

                                            




            

            

            


                

                            

                                Type: 
Number


                            

    

        
    

                            

                                Default Value: 1
                            

                

            

                


            


            
    

        
Show Example:
 

        

                
jQuery

        


        

                

                    

                    


                        

                                

                                    
                                

                        


                            


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