Atrybut columns w CSS

Definicja i użycie

Atrybut columns jest atrybutem skróconym, używanym do ustawiania szerokości i liczby kolumn.

Zobacz również:

Kurs CSS3:Wielokolumny CSS3

Podręcznik HTML DOM:Atrybut columns

Przykład

Określa szerokość kolumn i liczbę kolumn:

div
{
columns:100px 3;
}

Spróbuj sam

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

Gramatyka CSS

columns: column-width column-count;

Wartość atrybutu

Wartość Opis
column-width Szerokość kolumny.
column-count Liczba kolumn.

Szczegóły techniczne

Domyślna wartość: auto auto
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.columns="100px 3"

Więcej przykładów

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

Wsparcie przeglądarki

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

Liczby z -webkit- lub -moz- wskazują na pierwszą wersję z przedrostkiem.

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