Page 38 - modular_v2.0_HTML&_CSS_Fb
P. 38

<P STYLE="BORDER-STYLE:DOUBLE;">

                                THIS IS A DOUBLE BORDER.</P>
                         <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 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.
                  <!DOCTYPE HTML>
                  <HTML>

                  <HEAD>
                  <TITLE>Different outlines</TITLE>
                  </HEAD>
                                                                                   Border with different outlines
                  <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 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.

                   36
                          Touchpad MODULAR (Ver. 2.0)
   33   34   35   36   37   38   39   40   41   42   43