border

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 Depends on arguments used
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification http://www.w3.org/TR/CSS21/box.html#propdef-border

Description
With the help of this parameter it is possible to determine values, such as thickness, a style and border color around an element. It is delimited by space in any order. A browser will define which of them matches to the needed attribute. If you need to determine a border only on certain sides of an element, you should use following parameters: border-top, border-bottom, border-left, border-right.

Syntax

border: border-width || border-style || color

Arguments
Border-width determines border thickness. For border type control you can choose following 8 values of parameter border-style


Argument color determines border color. Value may be in any valid CSS format.

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
<!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</title>
  <style type="text/css">
   DIV.brd {
    border: 4px double black; /* Border parameters */
    background: #fc3; /* Background color */
    padding: 10px; /* Fields around the text */
   }
  </style>
 </head> 
 <body>
 
  <div class="brd">
    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.
   </div>
 
 </body>
</html>

Result of this example is shown on the figure 2


Object model

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

Remark
The values "dotted" and "dashed" are supported by the broser Internet Explorer only beginning from the version 5.5