Beispiel
Stellen Sie den hereinbrechenden Rändern Modell für eine Tabelle:
table
{
border-collapse: collapse;
}
Versuch es selber " Definition und Verwendung
Die border-collapse Eigenschaft legt fest, ob die Tabellenrahmen in einer einzigen Grenze zusammengebrochen sind oder wie in Standard-HTML abgelöst.
| Standardwert: | separate |
|---|---|
| Vererbt: | yes |
| Anima: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.borderCollapse="collapse" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Note: ! Wenn ein DOCTYPE nicht angegeben ist , kann der border-collapse Eigenschaft zu unerwarteten Ergebnissen führen.
CSS-Syntax
border-collapse: separate|collapse|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| separate | Grenzen sind frei stehend (Grenzabstand und mit leeren Zellen Eigenschaften nicht außer Acht gelassen werden). Dies ist die Standardeinstellung | Spiel es " |
| collapse | Grenzen werden in eine einzige Grenze brach zusammen , als möglich (border-spacing and empty-cells properties will be ignored) mit (border-spacing and empty-cells properties will be ignored) | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Tabelle
HTML - DOM - Referenz: borderCollapse property