mozilla
Ihre Suchergebnisse

    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

    Spezifikation Status Anmerkung
    CSS Writing Modes Module Level 3 Working Draft min-content, max-content, fill-available und fit-content hinzugefügt
    CSS Multi-column Layout Module Candidate Recommendation  

    Browser Kompatibilität

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support (Yes)-webkit 1.5 (1.8)-moz 10 11.1 3.0 (522)-webkit
    Intrinsic sizes Not supported Not supported Not supported Not supported Not supported
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? (Yes) ? ? ?
    Intrinsic sizes Not supported Not supported Not supported Not supported Not supported

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: SJW
    Zuletzt aktualisiert von: SJW,
    Seitenleiste ausblenden