Eigenschaft column-count
Die Eigenschaft column-count legt die empfohlene
Anzahl der Spalten in einem mehrspaltigen Text fest.
Die tatsächliche Anzahl kann von der angegebenen
abweichen, abhängig von der Spaltenbreite
und der Größe des Zwischenraums.
Syntax
Selektor {
column-count: Zahl | auto;
}
Werte
| Wert | Beschreibung |
|---|---|
| Zahl | Legt die angegebene Anzahl der Spalten fest. Genauer gesagt, empfiehlt sie dem Browser, diese Anzahl an Spalten zu verwenden, da die tatsächliche Anzahl von der angegebenen abweichen kann, abhängig von der Spaltenbreite und der Größe des Zwischenraums. |
auto |
Der Browser wählt automatisch die optimale Anzahl der Spalten. |
Standardwert: auto.
Beispiel
In diesem Beispiel wird der Text in 3
Spalten unterteilt (natürlich nur in Browsern, die
Mehrspaltenlayout unterstützen, in anderen wird es
einfach normaler Text in einer Spalte sein):
<div id="elem">
some long text
</div>
#elem {
column-count: 3;
text-align: justify;
}
:
Beispiel . Wert auto
In diesem Beispiel ist die Spaltenbreite column-width
auf 150px gesetzt, und ihre Anzahl column-count
ist auf auto gesetzt - der Browser
wählt automatisch die erforderliche Anzahl an Spalten und
den Zwischenraum zwischen ihnen:
<div id="elem">
some long text
</div>
#elem {
column-count: auto;
column-width: 150px;
text-align: justify;
}
:
Siehe auch
-
die Eigenschaft
column-width,
die die Spaltenbreite festlegt -
die Eigenschaft
column-gap,
die den Abstand zwischen den Spalten festlegt -
die Eigenschaft
column-rule,
die die Trennlinie zwischen den Spalten festlegt -
die Eigenschaft
column-span,
die festlegt, über wie viele Spalten sich ein Element erstrecken soll -
die Eigenschaft
columns,
die eine Kurzschreibweise für Mehrspalteneigenschaften ist