CSS/Eigenschaften/Textausrichtung/Spalten/column-rule-style

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften‎ | Textausrichtung‎ | Spalten(Weitergeleitet von Column-rule-style)
Wechseln zu: Navigation, Suche

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.

  • CSS 3.0
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari

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]