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