Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 39 - 2615_KEC
P. 39

    </TR>

                     </TABLE>
                     </BODY>

                     </HTML>
                     BORDER-COLLAPSE PROPERTY

                     The border-collapse property in the <style> tag is used to create a single border or separated for
                     the table cells.

                             Property                        Value                           Description

                                                  separate                       Applies separate border for each cell
                      border-collapse
                                                  collapse                       Applies single border for each cell

                     <!DOCTYPE html>

                     <HTML>
                     <HEAD>
                     <TITLE>A Simple Table Structure</TITLE>
                     <STYLE>
                     TABLE, TH, TD

                     {
                     border:2px solid black;
                     border-collapse:collapse;
                     }
                     </STYLE> </HEAD><BODY><TABLE>

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

                         <TH>ADMISSION</TH>
                         <TH>NAME</TH>
                         <TH>TOTAL MARKS</TH>

                     </TR>
                     <TR>
                         <TD>2016/0256</TD>

                         <TD>Aadya Kaushal</TD>
                         <TD>589</TD>

                     </TR>
                     <TR>

                                                                                              Lists and Tables in HTML5  37

| 34 35 36 37 38 39 40 41 42 43 44 |