AJAX загрузка
home

CSS3 имеет встроенные свойства, с помощью которых Вы сможете разбивать текст элементов на несколько столбцов.

Разбиение текста на столбцы

Обратите внимание: данные свойства поддерживаются в браузерах IE10+ и Opera. Для браузеров Chrome и Safari перед свойством требуется добавить префикс -webkit, а для Firefox префикс -moz.

С помощью CSS3 свойства column-count Вы можете указать количество столбцов, на которые необходимо разбить текст выбранного элемента.

Пример

div {
column-count:3;
}


Быстрый просмотр

Оформление столбцов текста

С помощью CSS3 свойство column-gap Вы можете установить величину отступа между столбцами текста.

Пример

div {
column-count:4;
column-gap:50px;
}


Быстрый просмотр

С помощью свойства column-rule Вы можете задать ширину, цвет и стиль оформления пространства между столбцами.

Пример

div {
column-count:4;
column-rule:2px dotted #7F0055;
}


Быстрый просмотр

CSS3 свойство column-width позволяет указывать ширину столбцов текста.

Пример

div {
column-width:150px;
}


Быстрый просмотр