Beispiel
Geben Sie eine 40 Pixel Lücke zwischen den Säulen:
document.getElementById("myDIV").style.columnGap = "50px";
Versuch es selber " Definition und Verwendung
Die columnGap Eigenschaft gibt den Abstand zwischen den Spalten.
Note: Wenn es eine Spalte-Regel zwischen den Spalten ist, ist es in der Mitte der Lücke angezeigt.
Browser-Unterstützung
Die columnGap Eigenschaft wird in Internet Explorer 10 und Opera unterstützt.
Firefox unterstützt eine Alternative, die MozColumnGap Eigenschaft.
Safari und Chrome unterstützen eine Alternative, die WebkitColumnGap Eigenschaft.
Hinweis: Die columnGap Eigenschaft wird nicht unterstützt in Internet Explorer 9 und früheren Versionen.
Syntax
Bringen Sie die columnGap Eigenschaft:
object .style.columnGap
Stellen Sie die columnGap Eigenschaft:
object .style.columnGap=" Eigenschaftswerte Wert Beschreibung length Eine bestimmte Länge, die die Lücke zwischen den Säulen eingestellt werden normal Standardwert. Gibt einen normalen Abstand zwischen den Spalten. W3C schlägt einen Wert von 1em 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: normal Rückgabewert: Ein String, die die Spalte-gap Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS3 Tutorial: CSS3 mehrere Spalten
CSS - Referenz: column-gap property
<Style - Objekt