Atrybut column-count w CSS

Definicja i zastosowanie

Właściwość column-count określa liczbę kolumn, do której element powinien być podzielony.

Zobacz również:

CSS3 Tutorial:Wielokolumny w CSS3

HTML DOM Reference Manual:columnCount właściwość

Przykład

Rozdziela tekst w elemencie div na trzy kolumny:

div
{
column-count:3;
}

Spróbuj sam

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

CSS syntax

column-count: number|auto;

Wartość atrybutu

Wartość Opis Test
number Optymalna liczba kolumn do podziału zawartości elementu. Test
auto Liczba kolumn jest określana przez inne właściwości, takie jak "column-width". Test

Techniczne szczegóły

Domyślna wartość: auto
Inheritance: nie
Wersja: CSS3
JavaScript syntax: object.style.columnCount=3

Więcej przykładów

Column-gap
Rozdziela tekst w elemencie div na trzy kolumny i określa 30-pikselową przerwę między kolumnami.
Column-rule
Określa szerokość, styl i kolor pól.

Obsługa przeglądarek

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

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