пример
Изменение стиля правила между колоннами:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Попробуй сам " Определение и использование
Свойство columnRuleStyle определяет стиль правила между колоннами.
Поддержка браузеров
Свойство columnRuleStyle поддерживается в Internet Explorer 10 и Opera.
Firefox поддерживает альтернативу, свойство MozColumnRuleStyle.
Safari и Chrome поддерживают альтернативу, свойство WebkitColumnRuleStyle.
Синтаксис
Возвращает свойство columnRuleStyle:
object .style.columnRuleStyle Установите свойство columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| none | Значение по умолчанию. не определяет правила |
| hidden | Определяет скрытые правила |
| dotted | Определяет пунктирное правило |
| dashed | Определяет пунктирную правило |
| solid | Определяет сплошное правило |
| double | Определяет двойное правило |
| groove | Определяет 3D рифленые правила. Эффект зависит от значений ширины и цвета |
| ridge | Задает коньковое правило 3D. Эффект зависит от значений ширины и цвета |
| inset | Определяет правило 3D врезки. Эффект зависит от значений ширины и цвета |
| outset | Определяет 3D правила боковика. Эффект зависит от значений ширины и цвета |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | никто |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство столбца правило стиля элемента |
| CSS версия | CSS3 |
Похожие страницы
CSS3 учебник: CSS3 Несколько столбцов
Ссылка CSS: column-rule-style property
<Style Object