CSS border-width Property
 Complete CSS Reference
Definition
The border-width property is a shorthand property for setting the width of the four borders in one declaration, can have from one to
four values.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.borderWidth="thick thin"
In our HTML DOM tutorial you can find more details about the
borderWidth property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
table {border-width: thin}
all four borders will be thin
table {border-width: thin medium}
top and bottom border will be thin, left and right border will be medium
table {border-width: thin medium thick}
top border will be thin, left and right border will be medium, bottom
border will be thick
table {border-width: thin medium thick none}
top border will be thin, right border will be medium, bottom border will
be thick, left side will have no border |
Possible Values
| Value |
Description |
| thin |
Defines a thin border. |
| medium |
Default. Defines a medium border. |
| thick |
Defines a thick border. |
| length |
Allows you to define the thickness of the borders. |
Try-It-Yourself Demos
All the width border
properties in one declaration
This example demonstrates a shorthand property for setting the width of the four
borders in one declaration, can have from one to four values.
Complete CSS Reference
 |
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|
HOME
Printer friendly page
