empty-cells
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die empty-cells
CSS Eigenschaft legt fest, ob Ränder und Hintergründe um <table>
-Zellen erscheinen, die keinen sichtbaren Inhalt haben.
Probieren Sie es aus
Diese Eigenschaft hat nur dann eine Wirkung, wenn die border-collapse
Eigenschaft auf separate
gesetzt ist.
Syntax
css
/* Keyword values */
empty-cells: show;
empty-cells: hide;
/* Global values */
empty-cells: inherit;
empty-cells: initial;
empty-cells: revert;
empty-cells: revert-layer;
empty-cells: unset;
Die empty-cells
Eigenschaft wird als einer der unten aufgeführten Schlüsselwortwerte angegeben.
Werte
Formale Definition
Anfangswert | show |
---|---|
Anwendbar auf | table-cell Elemente |
Vererbt | Ja |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Formale Syntax
empty-cells =
show |
hide
Beispiele
Leere Tabellenzellen anzeigen und verbergen
HTML
html
<table class="table_1">
<tr>
<td>Moe</td>
<td>Larry</td>
</tr>
<tr>
<td>Curly</td>
<td></td>
</tr>
</table>
<br />
<table class="table_2">
<tr>
<td>Moe</td>
<td>Larry</td>
</tr>
<tr>
<td>Curly</td>
<td></td>
</tr>
</table>
CSS
css
.table_1 {
empty-cells: show;
}
.table_2 {
empty-cells: hide;
}
td,
th {
border: 1px solid gray;
padding: 0.5rem;
}
Ergebnis
Spezifikationen
Specification |
---|
Cascading Style Sheets Level 2 # empty-cells |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
empty-cells |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.