Page 53 - Chinmaya_C7_flipbook
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