mozilla

Revision 27202 of empty-cells

  • Revision slug: CSS/empty-cells
  • Revision title: empty-cells
  • Revision id: 27202
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment create

Revision Content

{{ CSSRef() }}

Summary

empty-cells CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.

  • {{ Xref_cssinitial() }}: show
  • Applies to: 'table-cell' elements
  • {{ Xref_cssinherited() }}: yes
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: as specified

Syntax

empty-cells: show | hide | inherit

Values

{{ Cssxref("inherit") }}
show 
borders and backgrounds should be drawn like a normal cells
hide 
no borders or backgrounds should be drawn

Examples

{{ CSSRefExampleLink("empty-cells") }}

.contentbox td {
  empty-cells: show;
}

Notes

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?
Safari ?

See also

{{ CSS_Reference:Table_Properties() }}

Revision Source

<p> {{ CSSRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p><b>empty-cells</b> CSS property specifies how user agent should render borders and backgrounds around cells that have no visible content.
</p>
<ul><li> {{ Xref_cssinitial() }}: show </li><li> Applies to: 'table-cell' elements </li><li> {{ Xref_cssinherited() }}: yes </li><li> Percentages: n/a
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: as specified </li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">empty-cells: show | hide | inherit

</pre>
<h3 name="Values"> Values </h3>
<dl><dt> {{ Cssxref("inherit") }}
</dt><dt><code>show</code> </dt><dd> borders and backgrounds should be drawn like a normal cells
</dd><dt><code>hide</code> </dt><dd> no borders or backgrounds should be drawn </dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{ CSSRefExampleLink("empty-cells") }}
</p>
<pre class="eval">.contentbox td {
  empty-cells: show;
}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells">W3C Cascading Style Sheets, level 2 revision 1</a> </li><li> <a class="external" href="http://www.w3.org/TR/REC-CSS2/tables.html#empty-cells">W3C Cascading Style Sheets, level 2</a>
</li><li> <a class="external" href="http://www.w3.org/Style/CSS/current-work#tables">W3C Cascading Style Sheets, level 3</a>
</li></ul>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<table class="standard-table"> <tbody><tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td>?</td> </tr> <tr> <td>Firefox</td> <td>?</td> </tr> <tr> <td>Netscape</td> <td>?</td> </tr> <tr> <td>Opera</td> <td>?</td> </tr> <tr> <td>Safari</td> <td>?</td> </tr>
</tbody></table>
<h3 name="See_also"> See also </h3>
<p>{{ CSS_Reference:Table_Properties() }}
</p>
Revert to this revision