HTML and CSS Reference
In-Depth Information
This illustration shows the subtle difference between
hide
and
show
:
Examples
<table border="1" style="empty-cells:show; width: 80px;">
<caption>
Show Cells
</caption>
<tr>
<td colspan="2">
Cell 1
</td>
</tr>
<tr>
<td>
Cell 2
</td>
<td></td>
</tr>
</table>
<table border="1" style="empty-cells:hide; width: 80px;">
<caption>
Hide Cells
</caption>
<tr>
<td colspan="2">
Cell 1
</td>
</tr>
<tr>
<td>
Cell 2
</td>
<td></td>
</tr>
</table>
Compatibility
CSS 2, 3 IE 7 (partial), IE 8+ Netscape 6+, Firefox 1+ Opera 5+, Safari 1+
Note
• The default value for this property is
show
.
float
This property influences the horizontal alignment of an element, making it “float” toward
the left or right margin of its containing element.
Syntax
float: left | right | none | inherit;
Examples
#myimage {float: left;}
#pullquote {border-style: double; border-width: 5px;
background-color: yellow; float: right;}