Page 59 - PortGPT_V2.1_C8_Flipbook
P. 59
Border-Collapse Property
The border-collapse property in the <style> tag is used to create a single border 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>
<BODY>
<STYLE>
TABLE, TH, TD
{
Border:2px solid black;
Border-collapse:collapse;
}
</STYLE> </HEAD><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>
<TD>2017/0865</TD>
<TD>Shweta Kaushal</TD>
<TD>545</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Introduction to CSS3 57

