English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-Die fill CSS-Eigenschaft legt fest, wie die Länge der Spalten in einer mehrzeiligen Anordnung durch den Inhaltfluss beeinflusst wird. Der Inhalt in einer mehrzeiligen Anordnung ist ausgewogen, was bedeutet, dass der Inhalt in allen Spalten die gleiche Höhe hat oder nur den erforderlichen Raum einnimmt, wenn der Wert auto verwendet wird.
Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieser Eigenschaft sowie ihre Verwendung in JavaScript-Skripten.
| Standardwert: | balance |
|---|---|
| Geeignet für: | Mehrzeilige Elemente |
| Vererben: | Keine |
| Animierbar: | Nein Animationsattribut. |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.columnFill="auto" |
Die Syntax dieser Eigenschaft ist wie folgt:
column-fill: auto | balance | initial | inherit
Die folgenden Beispiele zeigen, wie column-fill-Eigenschaft.
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| auto | Füllen Sie die Spalten nacheinander aus, um die Länge der Spalten unterschiedlich zu machen, abhängig von den Werten anderer Spaltenattribute. |
| balance | Füllen Sie die Spalten in der Reihenfolge aus, um die Spaltenhöhe so gut wie möglich auszugleichen, basierend auf den Werten anderer Spaltenattribute. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element sein Elternelement column-Wert der fill-Eigenschaft. |
column-Kompatibilität der fill-Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; derzeit wird nur Firefox-Browser diese Eigenschaft unterstützen.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS3Mehrzeilige Anordnung.
Verwandte Eigenschaften:column-width,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.