Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

CSS Справочники


CSS Свойства





column-rule-color



Пример

Укажите правило цвета между столбцами:

div {
column-rule-color: #ff0000;
}
Попробуйте сами »

Определение column-rule-color

CSS свойство column-rule-color определяет правило цвета между столбцами.

Показ демо ❯

Значение по умолчанию: текущий цвет элемента
Унаследовано: no
Анимируемый: yes. Читайте о animatable Попробуй
Версия: CSS3
JavaScript синтаксис: object.style.columnRuleColor="#0000ff" Попробуй

Поддержка column-rule-color

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Цифры, за которыми следуют -webkit- или -moz - указывают первую версию, которая работала с префиксом.

Свойство
column-rule-color 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-color

column-rule-color: color|initial|inherit;

Значения column-rule-color

Значение Описание Демонстрация
color Определяет правило цвета. Смотреть CSS Значения цвета для получения полного списка возможных значений цвета Демо ❯
initial Устанавливает для этого свойства значение по умолчанию. Читайте о initial
inherit Наследует это свойство от своего родительского элемента. Читайте о inherit

Примеры column-rule-color

Пример

Разделите текст в элементе <div> на три столбца:

div {
column-count: 3;
}
Попробуйте сами »
Пример

Укажите промежуток в 40 пикселей между столбцами:

div {
column-gap: 40px;
}
Попробуйте сами »
Пример

укажите правило ширины, стиля и цвета между столбцами:

div {
column-rule: 4px double #ff00ff;
}
Попробуйте сами »

Страницы по теме column-rule-color

CSS Учебник: CSS Несколько столбцов

HTML DOM справочник: columnRuleColor свойство



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.