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
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|
HOME
Printer friendly page
