Style columnCount-Eigenschaft
Beispiele
Den Text im div-Element in drei Spalten aufteilen:
document.getElementById("myDIV").style.columnCount=3;
Selbst ausprobieren »
Definition und Verwendung
Die Eigenschaft columnCount gibt die Anzahl der Spalten an, in die ein Element aufgeteilt werden soll.
Browser-Unterstützung
![]()
Internet Explorer 10 und Opera unterstützen die Eigenschaft columnCount.
Firefox unterstützt eine alternative Eigenschaft, MozColumnCount.
Safari und Chrome unterstützen eine alternative Eigenschaft, WebkitColumnCount.
Hinweis:Internet Explorer 9 und frühere Versionen unterstützen die Eigenschaft columnCount nicht.
Syntax
Gibt die columnCount-Eigenschaft zurück:
object.style.columnCount
Legt die columnCount-Eigenschaft fest:
object.style.columnCount="number|auto|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| number | Die optimale Anzahl von Spalten, in die der Inhalt des Elements aufgeteilt wird. |
| auto | Standardwert. Die Anzahl der Spalten wird durch andere Eigenschaften bestimmt, wie z. B. "column-width". |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | auto |
|---|---|
| Rückgabewert: | Ein String, der die column-count-Eigenschaft eines Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS3-Tutorial:CSS3 Mehrere Spalten
CSS-Referenz:column-count-Eigenschaft
Andere Erweiterungen
Style-Objekt