Mark Wilson I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :
03/24/2008
Times viewed :
1281
The border-width property (CSS Reference)
Introduction
This property can be used to define the width of the border.
To give all 4 borders different size you have two possibilities: The first one
is to declare the width in one definition separated with a space – something like
this:
border-width:10px 20px 30px 40px;
If you use it this way, then you have to follow some rules:
Amount of width
parameters:
Description:
1 width parameter
(border-width:10px)
If you use only one parameter, then it will be used for
all four borders.
2 width parameter
(border-width:10px 20px)
The first parameter will be used for the top and bottom
border and the second one for the left and right border.
3 width parameters
(border-width:10px 20px 30px)
The first parameter will be used for the top, the second
for left and right, and the third for the bottom border.
4 width parameters
(border-width:10px 20px 30px 40px)
The first one will be used for the top, the second one for
right, the third one for bottom, and the fourth for the left border.
The second option is to define the width with the
sub-properties of border-width:
Sub-Property:
Description:
border-top-width
Defines the width for the top border.
border-left- width
Defines the width for the left border.
border-right- width
Defines the width for the right border.
border-bottom- width
Defines the width for the bottom border.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"