CSS empty-cells Eigenschaft

Definition und Verwendung

Die empty-cells-Eigenschaft legt fest, ob leere Zellen in der Tabelle angezeigt werden (nur für den Modus "getrennte Umrandung").

Anmerkung:Einige Versionen des IE-Browsers unterstützen diese Eigenschaft nicht.

Erklärung

Diese Eigenschaft definiert, wie Zellen ohne Inhalt in Tabellen dargestellt werden. Wenn angezeigt, wird die Umrandung und das Hintergrundbild der Zelle gezeichnet. Dieser Eigenschaft wird ignoriert, es sei denn, border-collapse ist auf separate gesetzt.

Siehe auch:

CSS-Tutorial:CSS Tabelle

HTML DOM Referenzhandbuch:emptyCells-Eigenschaft

Beispiel

Verstecken Sie die Umrandung und das Hintergrundbild auf leeren Zellen in der Tabelle:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

Probieren Sie es selbst aus

CSS-Syntax

empty-cells: show|hide|initial|inherit;

Eigenschaftswert

Wert Beschreibung
hide Keine Umrandung um leere Zellen zu zeichnen.
show Umrandung um leere Zellen zu zeichnen. Standard.
inherit Die Eigenschaft empty-cells sollte von dem übergeordneten Element vererbt werden.

Technische Details

Standardwert: show
Vererbbarkeit: yes
Version: CSS2
JavaScript-Syntax: object.style.emptyCells="hide"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die diese Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

Anmerkung:Wenn !DOCTYPE definiert ist, unterstützt Internet Explorer 8 (und höher) die empty-cells-Eigenschaft.