Page 86 - Modular_V1.1_Flipbook
P. 86

<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 customized to have different style of border.

                       border-bottom-style is used to changes the style of bottom side of border.
                       border-top-style is used to changes the style of top side of border.

                       border-left-style is used to changes the style of left side of border.
                       border-right-style is used to changes the style of right side of border.
                  <HTML>

                      <HEAD>
                      </HEAD>
                        <BODY>

                        <P STYLE="BORDER-TOP-STYLE:DASHED;
                        BORDER-BOTTOM-STYLE:SOLID;
                        BORDER-LEFT-STYLE:DOUBLE;
                                                                                   Border with different outlines
                        BORDER-RIGHT-STYLE:GROOVE;">

                        THIS IS A BORDER WITH DIFFERENT OUTLINE STYLES.
                        </P>
                  </BODY>
                  Border Colour

                  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 customized to have different colour 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:       <P STYLE=“BORDER-COLOR: Name of the Colour;

                                BORDER-STYLE: Name of the style;”>
                                Text
                                <P>





                  84      Touchpad MODULAR (Version 1.1)-IX
   81   82   83   84   85   86   87   88   89   90   91