Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство column-rule-style


CSS Справочник Полный CSS Справочник

Пример

Указать стиль линейки между колонками:

div
{
-moz-column-rule-style:dotted; /* Firefox */
-webkit-column-rule-style:dotted; /* Safari и Chrome */
column-rule-style:dotted;
}

Попробуйте сами »
Еще примеры внизу этой страницы.

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство 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 Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru