Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-06-30 13:22:15
Original
1987 Leute haben es durchsucht

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;
  }
Nach dem Login kopieren

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.

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

Syntax:

empty-cells : hide | show
Nach dem Login kopieren

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; }
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage