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