|
CSS3 Свойство columns
 Полный CSS Справочник
Пример
Указать ширину и количество колонок:
div
{
-webkit-columns:100px 3; /* Safari и Chrome */
columns:100px 3;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Поддержка Браузерами
Свойство columns поддерживается только в Opera.
Safari и Chrome поддерживают альтернативное свойство -webkit-columns.
Определение и ИспользованиеСвойство columns это стенографическое свойство для установки свойств column-width и column-count.
| Значение по умолчанию: |
auto auto |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.columns="100px 3" |
Синтаксис
| columns: column-width column-count; |
 |
Попробуйте сами - Примеры |
Количество колонок
Разбить текст в элементе div на три колонки.
Расстояние между колонками
Разделить текст элемента div на три колонки и указать расстояние между колонками в 30 пикселей.
Линейка между колонками
Указать ширину, стиль и цвет линейки между колонками.
Смотрите ТакжеCSS3 уроки: CSS3 Множественные Колонки
Полный CSS Справочник
|
