We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Ü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.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufBlockcontainer außer Tabellen umgebende Boxen
VererbtNein
Medienvisuell
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
Animationstypwie die jeweiligen Kurzschreibweisen:
Kanonische Reihenfolgenach Grammatik

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.
Arbeitsentwurf  

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung (Ja)-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 ? (Ja) ? ? ?

Schlagwörter des Dokuments und Mitwirkende

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