Характеристики свойства
В каких браузерах работает?
10.0+ | 1.0+ | 11.1+ | 3.0+ | 1.5+ | - | 2.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | - | - | + |
Для чего используется?
Контролирует отступ между столбиками с текстом. Данным параметром можно управлять с помощью оператора внешних отступов margin.
Как правильно задавать?
column-gap: размер отступа;
Какие могут быть значения?
Отступ задается в любых единицах, которые поддерживается в CSS.
- normal - браузер сам осуществляет контроль за отступами между колонками текста.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство column-gap</title> <style> .tit { column-count: 2; column-gap: 20px; } </style> </head> <body> <div class="tit"> Свойство column-count указывает на сколько колонок требуется разбить контент. Обычно удобнее всего разбить текст на 3-4 колонки , не более. Это объясняется тем, что необходимо сохранять читабельность текста. </div> </body> </html>
Тип CSS свойства:
Контент