Page 175 - CA_165_V2.0_Flipbook
P. 175
BORDER-TOP-COLOR: RED;
BORDER-LEFT-COLOR: BLACK;
BORDER-RIGHT-COLOR: BLUE;
BORDER-STYLE: SOLID;">
THIS IS A SOLID BORDER OF DIFFERENT COLOURS.
</P>
</BODY>
</HTML>
Border Width
The 'border-width' property enables to set the width of a border. The value width could be either a length
in 'px', 'pt' or 'cm' or it should be set to thin, medium or thick. All the four sides of a border can also be
individually customised to have different width in each side. Syntax to use 'border-width' property is as
follows:
<P STYLE = "BORDER-WIDTH: Value of Width; BORDER-STYLE: Name of the Style;">
Text
</P>
<HTML>
<HEAD>
<TITLE>
Border width example
</TITLE>
</HEAD>
<BODY>
<P STYLE="BORDER-WIDTH: 4PX; BORDER-COLOR: VIOLET; BORDER-STYLE: SOLID;">
THIS IS AN EXAMPLE OF SOLID BORDER WHOSE WIDTH IS 4PX.
</P>
<P STYLE="BORDER-WIDTH: 4PT; BORDER-COLOR: INDIGO; BORDER-STYLE: SOLID;">
THIS IS AN EXAMPLE OF SOLID BORDER WHOSE WIDTH IS 4pt.
Cascading Style Sheets 173

