empty-cells

  • Revision slug: CSS/empty-cells
  • Revision title: empty-cells
  • Revision id: 27203
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 12 words added, 31 words removed; page display name changed to 'empty-cells'

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;
}

Specification

Browser compatibility

Browser Lowest Version
Internet Explorer 8.0
Firefox 1.0
Opera 7.0
Safari 1.2

See also

{{ CSS_Reference:Table_Properties() }}

Revision Source

<p>{{ CSSRef() }}</p>
<h3 name="Summary">Summary</h3>
<p><code>empty-cells </code>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>show</dt><dd> borders and backgrounds should be drawn like a normal cells </dd><dt>hide</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">Specification</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" title="http://www.w3.org/TR/CSS21/tables.html#empty-cells">CSS 2.1 Tables #empty-cells</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>8.0</td> </tr> <tr> <td>Firefox</td> <td>1.0</td> </tr> <tr> <td>Opera</td> <td>7.0</td> </tr> <tr> <td>Safari</td> <td>1.2</td> </tr> </tbody>
</table>
<h3 name="See_also">See also</h3>
<p>{{ CSS_Reference:Table_Properties() }}</p>
Revert to this revision