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