css.in.ua
Підтримати

css властивість column-count

Властивість column-count визначає на скільки стовпчиків має бути розділений текст в багатоколонковому тексті.

Властивість `column-count`

Ви можете вказати, щоб кількість стовпців розраховувалася автоматично (тобто auto) або задати певне число (наприклад, 3 для макета з 3-ма стовпцями).

Нотатка:

Ви також можете використовувати column- властивості, щоб встановити ширину та кількість стовпців одночасно.

Синтаксис

column-count: number|auto|initial|inherit;

Властивість column-count може отримувати 4 значення:

number

Задає число колонок

auto

Число стовпців буде визначатися іншими властивостями, наприклад: column-width чи column-gap

initial

Встановлює цю властивість в значення без задання

inherit

Успадкує значення властивості від свого батьківського елемента

Значення без задання: auto
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.columnCount=3

Переглядачі

Переглядач
column-count

1.0 -webkit-

10

1.5 -moz-

3.0 -webkit-

11.1

12.0
Переглядач
column-count

1.0 -webkit-

1.0 -moz-

3.0 -webkit-

Мобільних переглядачів ще не додано.

Приклади


Значення у дії

Приклад використання

Елемент буде розділено на 3 колонки.

div { 


  -webkit-column-count: 3; /* Chrome, Safari, Opera */ 


  -moz-column-count: 3; /* Firefox */ 


  column-count: 3; 


}

Додаткові посилання

Спільнота

Зв'язок