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; 
}

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

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів