column-width

von 2 Mitwirkenden:

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Ü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ößen berü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.

  • Initialwert 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
  • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

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

Spezifikation Status Anmerkung
CSS Writing Modes Module Level 3
Die Definition von 'column-width' in dieser Spezifikation.
Anwärter Empfehlung min-content, max-content, fill-available und fit-content hinzugefügt
CSS Multi-column Layout Module
Die Definition von 'column-width' in dieser Spezifikation.
Anwärter Empfehlung  

Browser-Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Ja)-webkit 1.5 (1.8)-moz 10 11.1 3.0 (522)-webkit
Intrinsic sizes Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Ja) ? ? ?
Intrinsic sizes Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: eseifert, SJW
Zuletzt aktualisiert von: eseifert,