column-rule-style
Поддержка браузерами
| 12.0+ | 10.0+ |
Описание
CSS свойство column-rule-style определяет стиль отображаемой границы между колонками.
| Значение по умолчанию: | none |
|---|---|
| Применяется: | к многоколоночным элементам |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.columnRuleStyle="dotted" |
Синтаксис
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| none | Указывает, что рамка отсутствует. |
| hidden | Тоже самое что и значение "none". |
| dotted | Точечная рамка. |
| dashed | Пунктирная рамка. |
| solid | Сплошная рамка. |
| double | Двойная рамка. |
| groove | Создает эффект объемной рамки. |
| ridge | Создает эффект объемной рамки. |
| inset | Создает эффект объемной рамки. |
| outset | Создает эффект объемной рамки. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
column-rule-style:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-count: 3;
column-rule-style: none;
column-rule-width: 3px;
}
column-count: 3;
column-rule-style: none;
column-rule-width: 3px;
}