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