Style columns eigenschap
- Previous page columnRuleWidth
- Next page columnSpan
- Go back one level HTML DOM Style Object
Definitie en gebruik
columns
De eigenschap is een verkorte eigenschap om columnWidth en columnCount in te stellen.
Zie ook:
CSS3 tutorialCSS multiple columns
CSS referentiemanualcolumns eigenschap
Voorbeeld
De tekst in drie kolommen splitsen, elke kolom ten minste 100 pixels breed:
document.getElementById("myDIV").style.columns = "100px 3";
Syntax
Keer columns eigenschap terug:
object.style.columns
Stel columns eigenschap in:
object.style.columns = "auto|column-width column-count|initial|inherit"
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
auto | Standaardwaarde. Stel de kolombreedte in op "auto", en het aantal kolommen op "auto". |
columnWidth | Breedte van de kolom. |
columnCount | Aantal kolommen. |
initial | Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial. |
inherit | Inherit deze eigenschap van de ouder element. Raadpleeg inherit. |
Technische details
Standaardwaarde: | auto auto |
---|---|
terugkeergewaarde: | een string die de columns eigenschap. |
CSS versie: | CSS3 |
Browser ondersteuning
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- Previous page columnRuleWidth
- Next page columnSpan
- Go back one level HTML DOM Style Object