Page 174 - CA_165_V2.0_Flipbook
P. 174
Paragraph with Different Border Style
</TITLE>
</HEAD>
<BODY>
<P STYLE ="BORDER-TOP-STYLE:DASHED;
BORDER-BOTTOM-STYLE:SOLID;
BORDER-LEFT-STYLE:DOUBLE;
BORDER-RIGHT-STYLE:GROOVE;">
This is a Border with different outline styles.
</P>
</BODY>
</HTML>
Border Color
The 'border-color' property enables to set the colour of the four sides of border. All the four sides of a
border can also be individually customised to have different colours in each side. If the colour of border
is not set, it inherits the colour of the text which is surrounded by the border. Syntax to use 'border-color'
property is as follows:
<P STYLE="BORDER-COLOR: Name of the Colour; BORDER-STYLE: Name of the style;">
Text
</P>
<HTML>
<HEAD>
<TITLE>Border Color Examples</TITLE>
</HEAD>
<BODY>
<P STYLE="BORDER-COLOR: RED; BORDER-STYLE:SOLID;">
THIS IS A SOLID BORDER OF SINGLE COLOUR RED.
</P>
<P STYLE="BORDER-BOTTOM-COLOR:GREEN;
172 Touchpad Computer Applications-X

