Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 79 - 2611_SmartGPT Pro V(5.0) C-7
P. 79

    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                                            Colour name
                                                                      all sides of the border

                     Write HTML codes to use border property.

                     <!DOCTYPE html>

                     <HTML>
                     <HEAD>

                     <TITLE> A Simple Table Structure </TITLE>

                     <STYLE>
                     Table

                     {
                                                                                    A beehive's hexagonal cells, each
                     border:2px solid blue;
                                                                                      with a specific role, resemble
                     }                                                               how a table's rows and columns
                                                                                             organise data.
                     </STYLE>
                     </HEAD>

                     <BODY>
                     <TABLE>

                     <CAPTION>STUDENT'S DETAILS</CAPTION>
                     <TR>

                     <TH>ADMISSION</TH>
                     <TH>NAME</TH>

                     <TH>TOTAL MARKS</TH>

                                                                                              Lists and Tables in HTML5  77

| 74 75 76 77 78 79 80 81 82 83 84 |