Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Attribut „leere Zellen“.
So verwenden Sie das CSS-Attribut „leere Zellen“.
- 青灯夜游Original
- 2019-05-28 17:16:422648Durchsuche
css empty-cells-Eigenschaft wird verwendet, um festzulegen, ob leere Zellen in der Tabelle angezeigt werden sollen (nur für den Modus „getrennter Rand“). Diese Eigenschaft definiert, wie Tabellenzellen ohne Inhalt dargestellt werden; bei der Anzeige werden die Ränder und der Hintergrund der Zelle gezeichnet.
Wie verwende ich das CSS-Attribut für leere Zellen?
empty-cells-Eigenschaft legt fest, ob leere Zellen in der Tabelle angezeigt werden sollen (nur für den Modus „getrennter Rahmen“).
Syntax:
empty-cells:hide|show|inherit;
Eigenschaftswert:
hide: Keine Ränder um leere Zellen zeichnen.
zeigen: Zeichnen Sie einen Rahmen um leere Zellen. Standard.
inherit: Gibt an, dass der Wert des Attributs empty-cells vom übergeordneten Element geerbt werden soll.
Beschreibung: Dieses Attribut 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, d. h. im „separate border“-Modus.
Hinweis: Alle Browser unterstützen das Attribut leere Zellen. Internet Explorer 8 (und höher) unterstützt das Attribut empty-cells, wenn !DOCTYPE angegeben ist. Einige Versionen von IE unterstützen dieses Attribut nicht.
CSS-Attributbeispiel für leere Zellen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
table
{
border-collapse:separate;
empty-cells:hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>
</body>
</html>Rendering:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Attribut „leere Zellen“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!