Свойства CSS

Меню

column-rule-width

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

12.0+ 10.0+

Описание

CSS свойство column-rule-width задает ширину отображаемой границы между колонками.

Значение по умолчанию: medium
Применяется: к многоколоночным элементам
Анимируется: да
Наследуется: нет
Версия: CSS3
Синтаксис JavaScript: object.style.columnRuleWidth="thin"

Синтаксис

column-rule-width: medium|thin|thick|ширина|inherit;

Значения свойства

Значение Описание
thin Тонкая граница.
medium Средняя граница.
thick Толстая граница.
ширина Позволяет определить ширину в единицах измерения, используемых в CSS.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
column-rule-width:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-count: 3;
column-rule-style: solid;
column-rule-width: thin;
}
Кликните на любое значение свойства, чтобы увидеть результат