-
- Email form generator
- Form maker
- HTML forms
- PHP form
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
With the help of this parameter you can install border thickness on the right of an element.
Syntax
With the help of this parameter you can install border thickness on the right of an element.
Syntax
border-right-width: thin | medium | thick | denotation
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 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-right-width</title> <style type="text/css"> DIV.line { border-right-color: #c38e63; /* Right line color */ border-right-style: dashed; /* Line style */ border-right-width: 2px; /* Line weight */ border-left-color: #c38e63; /* Left line color */ border-left-style: dashed; /* Line style */ border-left-width: 2px; /* Line weight */ padding: 0 10px; /* Distance between the line and the text */ } </style> </head> <body> <div class="line"> 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> |
The result of this example is shown on the figure 1
Object model
[window.]document.getElementById("elementID").style.borderRightWidth