Sponsored Links

$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS border-width

Also see the full, alphabetical list of CSS properties

The CSS border-width property is CSS shorthand for setting the width on all borders of an element.

You can supply from one to four values. Each value specifies the style for each side of the element. For example, if four values are provide, they will apply to the top, right, bottom and left borders - in that order. Supplying one value applies the width to all four sides.

Syntax:	border-width: <border-width1>, <border-width2> ...
Possible Values:	thin medium thick length (i.e. 1px) inherit
Initial Value:	See individual properties
Applies to:	All elements.
Inherited:	No
Media:	Visual
Example:	`div.border-width {border-width:thin medium thick 30px}`
Try it yourself!	<style type="text/css"> div.styled { border-width:thin medium thick 30px; border-color:#ff9900; border-style:solid; } </style> <div class="styled">This ''div'' is styled using the CSS border-width property. Try changing the value to see the effect it has on the border width of each side of the div.</div>

Also see all CSS properties listed alphabetically

Enjoy this website?

Add this page to your Favorites
Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_border-width.cfm">CSS border-width</a> from Quackit.com
Help support Quackit by making a donation
Add this page to your favorite social bookmarks sites: