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
   168   169   170   171   172   173   174   175   176   177   178