/

HTML / CSS / JavaScript Tutorial

CSS Property: border-width

[this page | pdf | back links]

The CSS (CSS1) border-width property sets the width of an element’s four borders. You should always specify the border-style property before this property, as an element must have a border before you can change its characteristics. The individual border widths can be set separately using border-bottom-width, border-left-width, border-right-width and border-top-width. As with some other aggregate edge properties, up to four parameter values can be supplied (and if more than one is supplied then the properties are applied to individual borders as described here).

 

Valid property values (other than inherit and initial) are:

 

Value

Description

length

Any specified thickness as a CSS length

medium

(default value). Medium width

thick

Thick width

thin

Thin width

 

Default Value:

medium

JavaScript syntax:

e.g. object.style.borderWidth="10px 10px"

Inherited:

No

Animatable:

Yes

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile