Referenz:CSS/Eigenschaften/column-rule

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft column-rule CSS 3.0
Beschreibung Zusammenfassung der möglichen Einzelangaben column-rule-width, column-rule-style und column-rule-color.
erlaubte Werte

siehe Einzelwerte

default-Wert

siehe Einzelwerte

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif column-rule
Beispiel
.mehrspaltig {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
 
  -moz-column-gap:      3em;
  -webkit-column-gap:   3em;
  column-gap:           3em;
 
  -moz-column-rule:     1em solid gold;
  -webkit-column-rule:  1em solid gold;
  column-rule:          1em solid gold;
}
Beachten Sie

Die Reihenfolge der Angaben ist egal. Es dürfen dabei auch nur eine oder zwei Angaben gemacht werden. Bei fehlender Farbangabe ist die Voreinstellung die Textfarbe des Elements, bei fehlender Rahmenstärke ist die Voreinstellung medium.

Die Eigenschaft column-rule ist noch nicht in die Browser implementiert, deshalb muss man proprietäre Eigenschaften verwenden.

Für Firefox:

  • -moz-column-rule

Für Safari und Chrome

  • -webkit-column-rule
Tipp