border-bottom-style

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short informatiom
CSS CSS1
Default value No color
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification http://www.w3.org/TR/CSS21/box.html#border-color-properties

Description
It determines a border style at the bottom of an element.

Syntax
border-bottom-style: style
Arguments
For border type control you can choose following 8 values of parameter border-bottom-style


Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>border-bottom-style</title>
  <style type="text/css">
   DIV#panel {
    background: #ccc; /* Background color */
   } 
   #panel P {
    padding: 5px; /* Add fields */
    margin: 0; /* Remove indents of paragraph */
   }
   #panel P#title {
    background: navy; /* Background color */
    color: white; /* Text color */
    border-bottom-width: 2px; /* Bottom lineweight */
    border-bottom-style: solid; /* Bottom line style */
    border-bottom-color: white; /* Bottom line color */
   }
  </style>
 </head>
 <body>
 
  <div id="panel">
  <p id="title">Lorem ipsum dolor sit amet</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
  </div>
 
 </body>
</html>

The result of using this example is shown on the figure 1


Object model

[window.]document.getElementById("elementID").style.borderBottomStyle