Beispiel
Reduzieren Sie den Tabellenrahmen:
document.getElementById("myTable").style.borderCollapse = "collapse";
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die borderCollapse Eigenschaftssätze oder gibt zurück, ob der Tabellenrahmen sollte in einer einzigen Grenze oder nicht ausgeblendet werden.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Eigentum | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Syntax
Bringen Sie die borderCollapse Eigenschaft:
object .style.borderCollapse
Stellen Sie die borderCollapse Eigenschaft:
object .style.borderCollapse="separate|collapse|initial|inherit"
Eigenschaftswerte
Wert | Beschreibung |
---|---|
separate | Separate Grenzen sind für alle Tabellenzellenelemente gezogen. Dies ist die Standardeinstellung |
collapse | Grenzen werden nicht zwischen Tabellenzellenelemente gezeichnet |
initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
Standardwert: | getrennte |
---|---|
Rückgabewert: | Ein String, die die Grenzen eines Tisches |
CSS Version | CSS2 |
Mehr Beispiele
Beispiel
Bringen Sie die borderCollapse Eigenschaft:
alert(document.getElementById("myTable").style.borderCollapse);
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Tabelle
CSS - Referenz: border-collapse property
<Style - Objekt