CSS Border-width Property

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

# 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

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