Mittels CSS3 lassen sich mittlerweile auch in modernen Browsern mehrspaltige Text-Layouts erzeugen. Der Vorteil: In nur einem Objekt liegt der entsprechende Content. Ein Content-Bereich für jede Spalte wird nun nicht mehr benötigt. Die Darstellung basiert nun vollständig auf CSS3. Der Nachteil: Der CSS Befehl wird noch nicht von allen Browser unterstützt.
| Befehl | Bedeutung | Mögliche Werte |
|---|---|---|
column-count | Anzahl der Spalten | Integer / Zahl |
column-width | Breite einer Spalte | Integer Wert in Pixel (px), mm, cm |
column-span | Objekte, die über mehrere Spalten laufen | Anzahl der Spalten, oder alle (all) |
column-rule | Trennlinie zwischen Spalten | Wie border.column-rule: width style color; |
column-gap | Abstand zwischen Spalten | Integer Wert in Pixel (px), mm, cm |
columns | Kombination / vereinfachte Schreibweise | z.B. „columns: 3 200px;“ erzeugt 3 Spalten á 200 Pixel Breite |
Das wusste ich ja noch gar nicht, dass das jetzt auch so geht. 😉