border-bottom-width

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

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

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
Email form generator
Form maker
HTML forms
PHP form