CSS/Eigenschaften/Textausrichtung/Spalten/column-rule-style
Aus SELFHTML-Wiki
< CSS | Eigenschaften | Textausrichtung | Spalten
Mit der Eigenschaft column-rule-style können Sie für mehrspaltig anzuzeigende Elemente verschiedene Schmuckrahmen definieren. Damit die Typen zur Geltung kommen, empfiehlt sich die Kombination mit Angaben zur Spaltenrahmendicke und/oder zur Farbe.
Details: caniuse.com
Erlaubt ist einer der folgenden border-style-Werte:
-
none
, keine Linie -
hidden
, keine Linie -
dotted
, gepunktet -
dashed
, gestrichelt -
solid
, durchgezogen -
double
, doppelt durchgezogen -
groove
, 3D-Effekt -
ridge
, 3D-Effekt -
inset
, 3D-Effekt -
outset
, 3D-Effekt
Beispiel
ansehen …
.mehrspaltig {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 10em;
column-gap: 10em;
-webkit-column-rule-style: double;
column-rule-style: double;
}
Zur Visualisierung sind die Kindelemente des Divs der Klasse „mehrspaltig“ mit einem Hintergrund versehen.
Siehe auch[Bearbeiten]
- Referenz: column-rule-style