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.


Achtung!

Die Eigenschaft column-rule-color ist derzeit (Stand: Oktober 2017) noch nicht in alle aktuellen Browser implementiert, deshalb muss man proprietäre Eigenschaften verwenden:
für Android-Browser -webkit-column-rule-color

Details: caniuse.com

Sie sollten bei der Definition solcher noch nicht umfassend verbreiteter Eigenschaften die herstellerspezifischen Angaben immer vor der standardisierten Form machen. Da später gemachte Angaben frühere überschreiben, ist so sichergestellt, dass die standardisierten Angaben von dem Zeitpunkt an, an dem sie unterstützt werden, auch verwendet werden.

Siehe auch[Bearbeiten]