style borderCollapse- Eigenschaft
Beispiel
Tabellenrand einklappen:
document.getElementById("myTable").style.borderCollapse = "collapse";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft borderCollapse legt fest oder gibt zurück, ob der Tabellenrahmen zu einem einzigen Rahmen reduziert werden soll oder nicht.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Syntax
Geben Sie die Eigenschaft borderCollapse zurück:
object.style.borderCollapse
Legen Sie die Eigenschaft borderCollapse fest:
object.style.borderCollapse = "separate|collapse|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
separate | Separate borders are drawn for all table cell elements. This is default |
collapse | Borders are not drawn between table cell elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | trennen |
---|---|
Rückgabewert: | Ein String, der die Grenzen einer Tabelle darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Geben Sie die Eigenschaft borderCollapse zurück:
alert(document.getElementById("myTable").style.borderCollapse);
Verwandte Seiten
CSS-Tutorial: CSS-Tabelle
CSS-Referenz: Eigenschaft border-collapse