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

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit der Eigenschaft column-rule-color können Sie für ein mehrspaltig anzuzeigendes Element die Farbe der Linie zwischen den Spalten bestimmen. Die Angabe dazu sollten Sie mit einer Angabe zum Typ und/oder einer Angabe zur Spaltenrahmendicke kombinieren.

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

Details: caniuse.com

Erlaubt ist eine Farbangabe oder der Wert transparent. Initialwert ist die Schriftfarbe des Elements (currentColor).

Beispiel ansehen …
 
      .mehrspaltig {
        -webkit-column-count:      2;
        column-count:              2;

        -webkit-column-gap:        10em;
        column-gap:                10em;

        -webkit-column-rule-style: dotted;
        column-rule-style:         dotted;

        -webkit-column-rule-color: red;
        column-rule-color:         red;
      }
Zur Visualisierung sind die Kindelemente des Divs der Klasse „mehrspaltig“ mit einem Hintergrund versehen.


Beachten Sie: Eine Angabe zur Rahmenfarbe wird nur interpretiert, wenn auch eine Angabe zum Rahmentyp erfolgt.


Siehe auch[Bearbeiten]