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