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

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.

ansehen …

Siehe auch

• Referenz: column-rule-style