mozilla
Ihre Suchergebnisse

    columns

    Übersicht

    Die columns CSS Eigenschaft ist eine Kurzform Eigenschaft, die es erlaubt, sowohl die column-width als auch die column-count Eigenschaft auf einmal zu setzen.

    • Standardwert Die Verkettung der Initialwerte der Landform Eigenschaften:
      • column-width: auto
      • column-count: auto
    • Anwendbar auf non-replaced block oder table Elemente, table-cell oder inline-block Elemente
    • Vererbt Nein
    • Prozentwerte
    • Medium visuell
    • Berechneter Wert wie die einzelnen Werte der Kurzschreibweise:
      • column-width: the absolute length, zero oder larger
      • column-count: siehe Spezifikation
    • Animierbar wie die jeweiligen Kurzschreibweisen:
    • Kanonische Reihenfolge order of appearance in the formal grammar of the values

    Syntax

    Formale Syntax: <'column-width'> || <'column-count'>
    

    Werte

    <column-width>
    Ist ein <length> Wert, der einen Hinweis auf die optimale Breite einer Spalte angibt. Die tatsächliche Spaltenbreite kann größer sein (um den verfügbaren Platz auszufüllen) oder kleiner sein (nur wenn der verfügbare Platz kleiner ist als die angegebene Spaltenbreite). Die Länge muss positiv sein, ansonsten ist die Angabe ungültig.
    <column-count>
    Ist ein positiver <integer> Wert, der die ideale Anzahl an Spalten angibt, in die der Inhalt des Elements aufgeteilt wird. Falls die column-width auch auf einen nicht-auto Wert gesetzt ist, gibt dieser Wert lediglich die maximal erlaubte Anzahl an Spalten an.

    Beispiel

    .content-box {
      border: 10px solid #000000;
      columns:3;
    }

    Spezifikation

    Spezifikation Status Kommentar
    CSS Multi-column Layout Module
    Die Definition von 'columns' in dieser Spezifikation.
    Candidate Recommendation  

    Browser Kompatibilität

    Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Grundlegende Unterstützung (Yes)-webkit 9 (9)-moz 10 11.1 3.0 (522)-webkit
    Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Grundlegende Unterstützung ? (Yes) ? ? ?

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: Sebastianz
    Zuletzt aktualisiert von: Sebastianz,