Page 107 - Plus V4 with Adobe class 7
P. 107

CSS Properties Used with <TABLE> Tag

            CSS provides various properties which can be used with <TABLE> tag to accomplish various tasks. They
            are border, border-style, border-color, border-spacing, width, padding, background-color and color.
            These are global properties of CSS which means that these can be used with any element of HTML. Let
            us see how to use these properties with <TABLE> tag while creating a table in HTML.

            Using Border Property

            The border property of CSS allows you to apply a border to an element of HTML like <TABLE>. For
            example:

            <style>

            table, th, td{border:2px;}
            </style>
            Preceding code will apply a border of 2px to the table.

            Using Border-style Property

            The border-style property is used to apply outline style of border of the table or any other element.
            To use this property, it is necessary to use the border property. CSS provides different types of border
            styles which are Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset, None and Hidden.
            You can use any one of these styles at a time. If you use the None style, the border will not appear.  For
            example:

            <style>

            table, th, td {border:2px; border-style:solid;}

            </style>
            Using Border-color Property
            The border-color property allows you to apply a color to the border. For example:


            <style>
            table, th, td

            {

            border:2px;
            border-style:solid;

            border-color:green;

            }
            </style>
            Let us create a table using the above properties.

            <!DOCTYPE html>

            <HTML>




                                                                                      #Lists and Tables in HTML5 105
   102   103   104   105   106   107   108   109   110   111   112