Atrybut column-span w CSS

Definicja i użycie

Atrybut column-span określa, przez ile kolumn element powinien przeciągać się.

Zobacz również:

Tutorial CSS3:Wielokolumny CSS3

Podręcznik HTML DOM:Atrybut columnSpan

Przykład

Spraw, aby element h2 przeciągał się przez wszystkie kolumny:

h2
{
column-span:all;
}

Spróbuj sam

Więcej przykładów na dole strony.

CSS syntax

column-span: 1|all;

Wartość atrybutu

Wartość Opis Test
1 Element powinien przeciągać się przez jedną kolumnę. Test
all Element powinien przeciągać się przez wszystkie kolumny. Test

Techniczne szczegóły

Domyślna wartość: 1
Inheredność: nie
Wersja: CSS3
JavaScript syntax: object.style.columnSpan="all"

Więcej przykładów

Column-count
Podziela tekst w elemencie div na trzy kolumny.
Column-gap
Podziela tekst w elemencie div na trzy kolumny, z 30-pikselową przerwą między nimi.
Column-rule
Określa szerokość, styl i kolor pomiędzy kolumnami.

Wsparcie przeglądarki

Liczby w tabeli podają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit- lub -moz- oznaczają używaną w pierwszej wersji prefiksowaną wersję.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1