Übersicht
Die CSS Eigenschaft column-span bestimmt die Laufweite eines Elements inerhalb eines Mehrspaltigen Containers.
Syntax
none | all
column-span: none
column-span: all
column-span: inherit
Werte
none- Das Element fliesst nicht über mehrere Spalten hinweg.
all- Das Element fliesst über sämtliche Spalten hinweg. Der Inhalt davor wird automatisch zwischen den Spalten ausgeglichen.
Beispiele
h1, h2 {
column-span: all;
}
Spezifikation
Browser Kompatibilität
Update compatibility data on GitHub | Desktop | Mobile |
|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android Webview | Chrome für Android | Edge Mobile | Firefox für Android | Opera für Android | Safari auf iOS | Samsung Internet |
|---|
column-span | Chrome
Vollständige Unterstützung
50-
Vollständige Unterstützung
50
-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Edge
Vollständige Unterstützung
12-
Vollständige Unterstützung
12
-
Vollständige Unterstützung
12
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Firefox
Vollständige Unterstützung
65-
Vollständige Unterstützung
65
- Deaktiviert From version 65: this feature is behind the
layout.css.column-span.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
| IE
Vollständige Unterstützung
10 | Opera
Vollständige Unterstützung
11.1-
Vollständige Unterstützung
11.1
-
Vollständige Unterstützung
15
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Safari
Vollständige Unterstützung
Ja-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| WebView Android
Vollständige Unterstützung
50-
Vollständige Unterstützung
50
-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Chrome Android
Vollständige Unterstützung
50-
Vollständige Unterstützung
50
-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Edge Mobile
Vollständige Unterstützung
Ja-
Vollständige Unterstützung
Ja
-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Firefox Android
Keine Unterstützung
Nein | Opera Android
Vollständige Unterstützung
11.1-
Vollständige Unterstützung
11.1
-
Vollständige Unterstützung
14
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Safari iOS
Vollständige Unterstützung
Ja-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
| Samsung Internet Android
Vollständige Unterstützung
5.0-
Vollständige Unterstützung
5.0
-
Vollständige Unterstützung
Ja
- Mit Präfix Benötigt das Herstellerpräfix: -webkit-
|
|---|
Legende
-
Vollständige Unterstützung
- Vollständige Unterstützung
-
Keine Unterstützung
- Keine Unterstützung
- Benutzer muss dieses Feature explizit aktivieren.
- Benutzer muss dieses Feature explizit aktivieren.
- Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
- Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Schlagwörter des Dokuments und Mitwirkende