CSS: Detaillierte Erläuterung der Verwendung leerer Zellen zur Definition

In CSS gibt das -Attribut von empty-cells an, ob die Ränder und der Hintergrund leerer Zellen in der Tabelle angezeigt werden sollen. In diesem Artikel werden die Definition und Verwendung von Leerzellen, die Syntax von Leerzellen und Beispiele für Leerzellen im Detail vorgestellt.

Die Rolle des empty-cells-Attributs in CSS besteht darin, anzugeben, ob die Ränder und Hintergründe leerer Zellen in der Tabelle angezeigt werden sollen.

Beispiel für das Attribut „Leere Zellen“

Rahmen und Hintergründe leerer Zellen in der Tabelle ausblenden:

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

Definition und Verwendung leerer Zellen

empty Die Eigenschaft -cells legt fest, ob leere Zellen in der Tabelle angezeigt werden (nur für den Modus „abgelöster Rand“).

Hinweis: Einige Versionen von IE-Browsern unterstützen dieses Attribut nicht.

Beschreibung

Diese Eigenschaft definiert, wie Tabellenzellen ohne Inhalt dargestellt werden. Falls angezeigt, werden die Ränder und der Hintergrund der Zelle gezeichnet. Diese Eigenschaft wird ignoriert, es sei denn, border-collapse ist auf „separat“ eingestellt.

Syntax:

empty-cells : hide | show

Parameter:
ausblenden: Ausblenden
einblenden: Einblenden

Beschreibung :

Legen Sie fest oder rufen Sie ab, ob der Rand einer Tabellenzelle angezeigt werden soll, wenn die Zelle keinen Inhalt hat.
Diese Eigenschaft funktioniert nur, wenn der Tabellenrand unabhängig ist (z. B. wenn die Eigenschaft „border-collapse“ gleich „separat“ ist).
Derzeit unterstützt IE5.5 dieses Attribut nicht.
Die entsprechende Skriptfunktion ist emptyCells. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Beispiel:

table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }

Das obige ist der detaillierte Inhalt vonCSS: Detaillierte Erläuterung der Verwendung leerer Zellen zur Definition. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!