Атрибут CSS column-fill
- предыдущая страница column-count
- Следующая страница column-gap
определение и использование
свойство column-fill определяет, как заполнять колонки (координируется ли это).
смотрите также:
Учебник CSS3:Многостраничные стили CSS3
Руководство по HTML DOM:свойство columnFill
пример
определяет, как заполнять колонки:
div { column-fill:auto; }
CSS синтаксис
column-fill: balance|auto;
значение свойства
значение | описание |
---|---|
balance | координирует колонки. Браузер должен минимизировать различия в длине колонок. |
auto | заполняет колонки по порядку, длина которых может варьироваться. |
технические детали
по умолчанию: | balance |
---|---|
наследование: | no |
версия: | CSS3 |
JavaScript синтаксис: | object.style.columnFill="auto" |
более примеров
- Column-count
- делит текст внутри элемента div на три колонки.
- Column-gap
- делит текст внутри элемента div на три колонки и устанавливает интервал между ними 30 пикселей.
- Column-rule
- определяет ширину, стиль и цвет между колонками.
поддержка браузеров
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- предыдущая страница column-count
- Следующая страница column-gap