|
CSS3 Свойство column-rule-style
 Полный CSS Справочник
Пример
Указать стиль линейки между колонками:
div
{
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari и Chrome */
column-rule-style:dotted;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Поддержка Браузерами
Свойство column-rule-style поддерживается только в Opera.
Firefox поддерживает альтернативное свойство -moz-column-rule-style.
Safari и Chrome поддерживают альтернативное свойство -webkit-column-rule-style.
Определение и ИспользованиеСвойство column-rule-style указывает стиль линейки между колонками.
| Значение по умолчанию: |
none |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.columnRuleStyle="dotted" |
Синтаксис
| column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset; |
| Значение |
Описание |
| none |
Линейки нет |
| hidden |
Определяет спрятанную линейку |
| dotted |
Определяет точечную линейку |
| dashed |
Определяет пунктирную линейку |
| solid |
Определяет сплошную линейку |
| double |
Определяет двойную линейку |
| groove |
Указывает трехмерную рифленую линейку. Эффект зависит от значений ширины и цвета
|
| ridge |
Указывает трехмерную заостренную линейку. Эффект зависит от значений ширины и цвета |
| inset |
Указывает трехмерную вдавленную линейку. Эффект зависит от значений ширины и цвета |
| outset |
Указывает трехмерную выпуклую линейку. Эффект зависит от значений ширины и цвета |
 |
Попробуйте сами - Примеры |
Количество колонок
Разбить текст в элементе div на три колонки.
Расстояние между колонками
Разделить текст элемента div на три колонки и указать расстояние между колонками в 30 пикселей.
Линейка между колонками
Указать ширину, стиль и цвет линейки между колонками.
Смотрите ТакжеCSS3 уроки: CSS3 Многоколоночная Верстка
Полный CSS Справочник
|
