Scholar Repository
Home>Manual>CSS Border-width Property

CSS Border-width Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS border-width Property


CSS Reference 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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Border-width Property