Eigenschaft column-rule
Die Eigenschaft column-rule legt die Grenzlinie
zwischen Spalten in mehrspaltigem Text fest.
In den akzeptierten Werten entspricht sie der Eigenschaft
border.
Beispiel . Typ solid
In diesem Beispiel wird der Text in 3
Spalten unterteilt mit Grenzlinien zwischen den Spalten in Form
einer durchgehenden Linie mit einer Dicke von 1px (der Abstand
zwischen den Spalten wird automatisch gebildet,
da column-gap
auf den Wert normal gesetzt ist):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: normal;
text-align: justify;
}
:
Beispiel . Einfluss von column-gap
In diesem Beispiel wird der Text in 3
Spalten mit einem Zwischenraum von 50px unterteilt.
Die Grenzlinie verläuft dabei in der Mitte des Zwischenraums
(rechts und links von der Linie werden je 25px sein):
<div id="elem">
some long text
</div>
#elem {
column-rule: 1px solid black;
column-count: 3;
column-gap: 50px;
text-align: justify;
}
:
Siehe auch
-
die Eigenschaft
column-width,
die die Breite einer Spalte festlegt -
die Eigenschaft
column-count,
die die Anzahl der Spalten festlegt -
die Eigenschaft
column-gap,
die den Zwischenraum zwischen 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 Mehrspaltenlayout ist
