Page 95 - Code Craft Computer-7
P. 95
Caption-Side
It specifies the placement of a table caption.
Syntax: caption-side:value
where, value = top(default) / bottom
Example: caption-side:bottom
Empty Cells
This property helps in specifying whether or not the border and background are to be placed
around the empty cells in a table.
Syntax: empty-cells:value
where, value = show(default)/hide
Example: empty-cells:hide
<HTML>
<HEAD>
<TITLE>Creating a Table</TITLE>
<STYLE> body{background- color: RGB (255, 251, 214) }
TABLE, TD, TH{border:1px solid red}
TABLE{border-collapse :separate; empty -cells:show}
TH, TR, TD{padding: 3px 5px 3px}</STYLE> </HEAD> <BODY ><TABLE>
<TR>
<TH style=background-color: red; color :white>Name</TH>
<TH style=background-color : red; color : white> Email</TH>
</TR>
<TR><TD>Preeti </TD> <TD> preeti@yahoo.com</TD></TR>
<TR><TD> Pari</TD> <TD>pari@gmail.com</TD> </TR>
<TR><TD>Sheena</TD><TD> </TD></TR>
</TABLE><BR>
<TABLE style=empty- cells :hide; border -color:blue>
<TR>
<TH Style=border-color:blue; background-color: cyan> Name</TH>
<TH style=border-color:blue; background-color :cyan>
E-mail</ TH> </TR>
<TR>
<TD Style=border-color: blue>Preeti</TD>
<TD Style=border- color : blue> preeti@yahoo.com </TD>
</TR>
<TR>
<TD style=border-color:blue> Pari</TD>
<TD style=border- color:blue> pari@gmail.com</TD>
</TR>
<TR>
95
