English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-Die collapse CSS-Eigenschaft legt fest, ob die Zellenkanten des Tables zusammengeklappt oder normal getrennt sind.
Es gibt zwei verschiedene Modelle, die auf den Tabellenzellen in CSS gesetzt werden können.
In diesem Modell hat jede Tabellenzelle eine separate Umrandung.
border-spacingAbstand zwischen den Grenzen der benachbarten Zellen, die durch Eigenschaften angegeben sind.
Hinweis:In der getrennten Kantenmodell können nur Zellen (und die Tabelle selbst) Umrandungen tragen; Zeilen, Spalten, Zeilengruppen und Spaltengruppen nicht.
In der Faltkantenmodell teilen sich benachbarte Tabellenzellen die Umrandung.
Hinweis:In der Faltkantenmodell kann die Umrandung der Zellen, Zeilen, Zeilengruppen, Spalten und Spaltengruppen vollständig oder teilweise angegeben werden.
border-Die collapse-Eigenschaft wählt das Randmodell der Tabelle aus. Der Wert separate wählt das getrennte Randmodell. Der Wert collapse wählt das umgeklappte Randmodell.
Die folgende Tabelle enthält die Beschreibung der Verwendung und die Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert： | Getrennt |
|---|---|
| Geeignet für： | DiesTabelleund direkte Listenelemente |
| Vererbung： | Ja |
| Animierbar: | Nein.Siehe auch Animationseigenschaften。 |
| Version： | CSS 2、3 |
| JavaScript-Syntax： | object object.style.borderCollapse="collapse" |
Die Syntax dieses Attributes ist wie folgt:
border-collapse: separate | collapse | initial | inherit
Der folgende Beispiel zeigt, wie man border-collapse-Eigenschaft.
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| separate | Wählen Sie das getrennte Randmodell aus. Dies ist der Standardwert. |
| collapse | Wählen Sie den umgeklappten Randmodell aus.border-spacingundempty-cellsDie Eigenschaft wird ignoriert. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der verknüpfte Element die border des übergeordneten Elements verwenden-collapse-Eigenschaftswerte. |
border-Kompatibilität der Browser für die collapse-Eigenschaft; die Zahlen in der folgenden Tabelle geben die niedrigste Versionsnummer der Browser an, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung： verwendenborder-collapseBei der Angabe einer Eigenschaft sollten Sie stets gültige<!DOCTYPE>sonst könnte ein unerwartetes Ergebnis entstehen。
Siehe Tutorial：CSS Border，CSS3 Border。
Tabellenbezogene Eigenschaften：border-spacing，empty-cells，table-layout。