column-width

Übersicht

Die CSS Eigenschaft column-width ist optional und schlägt dem Browser die Optimale Breite einer einzelnen Spalte vor. Der Browser berechnet ausgehend von diesem Vorschlag die tatsächliche Breite. So können die verschiedenen Bildschirmgrössenberücksichtigt werden. Falls zusätzlich ein exakter Wert bei column-count gesezt wurde, stellt dieser die maximale Spaltenanzahl dar. Zusätzlich sollten bei der Komination dieser beiden Eigenschaften alle Breitespezifischen Angaben definiert werden: width, column-width, column-gap, und column-rule-width.

• Standardwert auto
• Anwendbar auf non-replaced block oder table Elemente, table-cell oder inline-block Elemente
• Vererbt Nein
• Prozentwerte —
• Medium visuell
• Berechneter Wert the absolute length, zero oder larger
• Animierbar Ja, als Längenangabe
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: <length> | auto

column-width: auto
column-width: 6px     /* Different <length> values */
column-width: 25em
column-width: 0.3vw

column-width: inherit

Werte

<length>

Ein definierter <length> Wert, welcher eine gewünschte Breite vorschlägt. Die tatsächliche Breite kann davon abweichen, um den Platz ganz auszunutzten. Negative Werte sind nicht zulässig.

auto

Is a keyword indicating that the width of the column should be determined by other CSS properties, like column-count.

Beispiel

.content-box {
  border: 10px solid #000000;
  column-width: 300px;
}

Spezifikation

Browser Kompatibilität

Siehe auch

• column-width, column-count, column-gap, column-rule, column-rule-width, column-rule-style, column-rule-color, column-span, column-fill, columns