Page 173 - CA_165_V2.0_Flipbook
P. 173
<P STYLE="BORDER-STYLE: GROOVE;">
THIS IS A GROOVE BORDER.
</P>
<P STYLE="BORDER-STYLE: RIDGE">
THIS IS A RIDGE BORDER.
</P>
<P STYLE="BORDER-STYLE: INSET;">
THIS IS AN INSET BORDER.
</P>
<P STYLE="BORDER-STYLE:OUTSET;">
THIS IS AN OUTSET BORDER.
</P>
<P STYLE="BORDER-STYLE:HIDDEN;">
THIS IS A HIDDEN BORDER.
</P>
</BODY>
</HTML>
All the four sides of a border can also be individually customised to have different style of border.
border-bottom-style is used to change the style of bottom side of border.
border-top-style is used to change the style of top side of border.
border-left-style is used to change the style of left side of border.
border-right-style is used to change the style of right side of border.
<HTML>
<HEAD>
<TITLE>
Cascading Style Sheets 171

