English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die columns CSS-Eigenschaft ist eine Kurzschreibweise, die gleichzeitigcolumn-widthundcolumn-countEigenschaft.
Die nachstehende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieser Eigenschaft sowie ihre Verwendungssyntax im JavaScript-Skript.
| Standardwert: | auto auto; Alle Eigenschaften anzeigen |
|---|---|
| Geeignet für: | nicht ersetzbarblockElement (Tabellenelemente ausgenommen), Tabellenzelle undInline-BlockElement |
| Vererbung: | keine |
| Animierbar: | Ja, da jeder Attribut der Kurzschrift animierbar ist.Bitte beziehen Sie sich auf Animationseigenschaften。 |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.columns="100px 3" |
Die Syntax dieses Attributes ist wie folgt:
columns: [ column-width column-count ] | initial | inherit
Die folgenden Beispiele zeigen, wie die columns-Eigenschaft verwendet wird.
p {
-webkit-columns: 150px 3; /* Chrome, Safari, Opera */
-moz-columns: 150px 3; /* Firefox */
columns: 150px 3;
}Testen Sie es heraus‹/›Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| column-width | Bestimmung der besten Breite der Spalten in einem mehrspaltigen Element. |
| column-count | Bestimmung der besten Anzahl der Spalten in einem mehrspaltigen Element. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element seine columns-Eigenschaft des übergeordneten Elements. |
Die Kompatibilität der columns-Eigenschaft der Browser, die Zahlen in der nachstehenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS3Mehrspaltenlayout。
Verwandte Eigenschaften:column-span，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-rule-width，column-count，column-width。