Latest

recent

CSS border-width Property

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"

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. 

Goto CSS3 and CSS2 complete reference
CSS border-width Property Reviewed by 1000sourcecodes on 22:27 Rating: 5
Powered by Blogger.