Page 175 - CA_165_V2.0_Flipbook
P. 175

BORDER-TOP-COLOR: RED;

                      BORDER-LEFT-COLOR: BLACK;
                      BORDER-RIGHT-COLOR: BLUE;
                                   BORDER-STYLE: SOLID;">
                    THIS IS A SOLID BORDER OF DIFFERENT COLOURS.

                   </P>
                 </BODY>

                 </HTML>




















                 Border Width

                 The 'border-width' property enables to set the width of a border. The value width could be either a length
                 in 'px', 'pt' or 'cm' or it should be set to thin, medium or thick. All the four sides of a border can also be
                 individually customised to have different width in each side. Syntax to use 'border-width' property is as
                 follows:

                   <P STYLE = "BORDER-WIDTH: Value of Width; BORDER-STYLE: Name of the Style;">
                   Text
                   </P>

                 <HTML>
                 <HEAD>

                   <TITLE>
                    Border width example
                   </TITLE>



                 </HEAD>
                 <BODY>

                   <P STYLE="BORDER-WIDTH: 4PX; BORDER-COLOR: VIOLET; BORDER-STYLE: SOLID;">
                    THIS IS AN EXAMPLE OF SOLID BORDER WHOSE WIDTH IS 4PX.
                   </P>

                   <P STYLE="BORDER-WIDTH: 4PT; BORDER-COLOR: INDIGO; BORDER-STYLE: SOLID;">
                    THIS IS AN EXAMPLE OF SOLID BORDER WHOSE WIDTH IS 4pt.

                                                                                        Cascading Style Sheets   173
   170   171   172   173   174   175   176   177   178   179   180