| 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 | medium 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-width-properties |
Description
It determines thickness at the bottom of an element.
Syntax
It determines thickness at the bottom of an element.
Syntax
border-bottom-width: thin | medium | thick | value
Arguments
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) Рё thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.
Example
Thickness at the bottom of a page is specified by 3 variables. They are thin (2 pixels), medium (4 pixels) Рё thick (6 pixels). If you want to get more accurate value, you may specify thickness in pixels and other items.
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!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"> H1 { border-color: #ccc; /* Border color */ border-style: double; /* Border style */ border-bottom-width: 7px; /* Lineweight under the text */ border-right-width: 7px; /* Lineweight right from the text */ padding-left: 5px; /* Left text indent */ } </style> </head> <body> <h1>Lorem ipsum dolor sit amet</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> </body> </html> |
Object model
[window.]document.getElementById("elementID").style.borderBottomWidth

