Page 85 - Modular_V1.1_Flipbook
P. 85

CSS BORDER

                 The CSS border properties enable to specify the style, width and color of a border.
                 Border Style

                 The ‘border-style’ property specifies the outline style of border. Some of the outline styles of

                 border are:
                    Name of the
                                               Defines                         Look of Border Style
                    Border Style
                  Dotted               Dotted Border

                  Dashed               Dashed Border

                  Solid                Solid Border
                  Double               Double Border

                  Groove               3D Grooved Border

                  Ridge                3D Ridged Border
                  Inset                3D Inset Border

                  Outset               3D Outset Border

                  None                 No Border

                  Hidden               Hidden Border
                 Syntax:       <BODY>

                               <P STYLE=“ BORDER-STYLE: Name of the Border;”>
                               Text

                               </P>
                               </BODY>
                 Let us create a web page to use the border style.

                 <HTML>
                        <HEAD>
                        </HEAD>

                               <BODY>
                        <P STYLE="BORDER-STYLE:NONE;">
                               NO BORDER IS SELECTED.</P>

                        <P STYLE="BORDER-STYLE:SOLID;">
                               THIS IS A SOLID BORDER.</P>
                        <P STYLE="BORDER-STYLE:DASHED;">
                               THIS IS A DASHED BORDER.</P>
                        <P STYLE="BORDER-STYLE:DOUBLE;">

                               THIS IS A DOUBLE BORDER.</P>                            Using border styles


                                                                                          Cascading Style Sheets  83
   80   81   82   83   84   85   86   87   88   89   90