border-top-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 information
CSS CSS1
Default value medium
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 top of an element

Syntax

border-yop-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
24
25
26
27
28
29
<!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-top-width</title>
  <style type="text/css">
   H1 {
    border-top-color: green; /* Top line color */
    border-top-style: double; /* Top line style */
    border-top-width: 7px; /* Top line weight */
    border-right-color: green; /* Left line color */
    border-right-style: double; /* Line style */
    border-right-width: 5px; /* Line weight*/
    padding: 7px; /* Areas around the text */
    color: #f9b61c; /* Text color */
   }
  </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. Ut wisis enim ad minim veniam, quis nostrud exerci 
     tution ullamcorper suscipit lobortis nisl ut aliquip 
     ex ea commodo consequat.</p>
 
 </body>
</html>

The result of this example is shown on the figure 1


Object model

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