Page 53 - Trackpad_V5_Book 7
P. 53

STYLING TABLES USING CSS

            CSS allows us to style tables for a single HTML page. It is defined using the <Style> tag in the head

            section of the HTML document.
            Syntax of using the <STYLE> tag:



             <HEAD>
                 <Style>
                 Tag_Name                                    Selector: We write the name of the tag to be styled here.
                 {
                                                             Declaration Box: We mention the tag properties that
                 Property_name: value;
                                                             need to be styled along with the properties in it. The two
                 }                                           parts of a declaration box are name and value. A property
                                                             along with its value is called a declaration.
             </Style>
             </HEAD>






                 PURE        CSS (Cascading Style Sheets) was first proposed by Håkon Wium Lie on October 10,
                 FACT        1994 while working with Tim Berners-Lee at CERN.






            BORDER PROPERTY

            The border property is used to define the border of a table.



                  Property                 Options               Description                  Values




                                                             Specifies the thickness  Thickness in cm, px, pt,
                                    width
                                                             of the border             medium or thick

                                                                                       Dotted, dashed, solid,
                                                             Specifies the type of     double, groove, ridge,
                    border          style
                                                             border                    inset, outset, none, and
                                                                                       hidden

                                                             Specifies  the colour  of   Colour name
                                    colour
                                                             all sides of the border









                                                                                     Lists and Tables in HTML5  51
   48   49   50   51   52   53   54   55   56   57   58