English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
column-Die span CSS-Eigenschaft bestimmt die Anzahl der Spalten, die ein Element in einem Mehrzeilen-Layout überspannt. Elemente, die mehrere Spalten überspannen, werden als überspannende Elemente bezeichnet.
Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieser Eigenschaft sowie ihre Verwendungssyntax im JavaScript-Skript.
| Standardwert: | none |
|---|---|
| Geeignet für: | Ausgenommen sind Block-Elemente, float und absolute Positionierung der Elemente. |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationseigenschaften. |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.columnSpan="all" |
Die Syntax dieser Eigenschaft ist wie folgt:
column-span: none | all | initial | inherit
Die folgenden Beispiele zeigen, wie man column-span-Eigenschaft.
h1 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| none | Das Element überspannt keine Mehrzahl von Spalten. Dies ist der Standardwert. |
| all | Das Element überspannt alle Spalten auf der Seite. Alle Inhalte, die vor dem Element deklariert wurden, werden vor dem Element angezeigt. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element sein Eltern-Element column-Der Wert der span-Eigenschaft. |
column-Die Kompatibilität der span-Eigenschaft der Browser, die Zahlen in der folgenden 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 Anleitungen:CSS3Mehrzeilen-Layout.
Verwandte Eigenschaften:column-width,column-fill,column-gap,column-rule,column-rule-color,column-rule-style,column-rule-width,column-count,columns.