Свойство column-rule-width в CSS
- предыдущая страница column-rule-style
- Следующая страница column-span
Определение и использование
Свойство columnRuleWidth определяет правила ширины между колонками.
См. также:
CSS3 Tutorial:Многостраничный CSS3
HTML DOM Reference Manual:Свойство columnRuleWidth
Пример
Установить цвет правил между колонками:
div { column-rule-width: 10px; }
Более примеров в нижней части страницы.
CSS syntax
column-rule-width: thin|medium|thick|length;
Значение атрибута
Значение | Описание | Тестирование |
---|---|---|
thin | Определяет тонкую ширину правила. | Тестирование |
medium | Определяет среднюю ширину правила. | Тестирование |
thick | Определяет ширину правила. | Тестирование |
length | Определяет ширину правила. | Тестирование |
Технические детали
Значение по умолчанию: | medium |
---|---|
Иерархичность: | no |
Версия: | CSS3 |
JavaScript syntax: | object.style.columnRuleWidth="thin" |
Более примеров
- Column-count
- Разделение текста в элементе div на три колонки.
- Column-gap
- Разделение текста в элементе div на три колонки с интервалом между ними 30 пикселей.
- Column-rule
- Определяет ширину, стиль и цвет между столбцами.
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префикс.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
- предыдущая страница column-rule-style
- Следующая страница column-span