mozilla
Ihre Suchergebnisse

    column-width

    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: SJW, eseifert
    Zuletzt aktualisiert von: eseifert,