Свойство column-rule-style
Свойство column-rule-style определяет тип линии границы колонки в многоколоночном элементе.
Допустимые значения
- none — нет границы, равносильно, что и ширина границы равно нулю
- hidden — скрытая граница. Не отображает границу, но в блочной модели учитывается ширина границы
- dotted — серия точек
- dashed — пунктирная линия
- solid — сплошная линия
- double — двойная сплошная линия
- groove и outset — выглядит как будто содержимое выдавлено из фона
- ridge и inset — выглядит как будто содержимое вдавлено в фон
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | к многоколоночным элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
body {
column-width:10em;
column-gap:3em;
column-rule-style:dashed;
column-rule-width:5px;
column-rule-color:#0f0;
}
Твой код:
Результат:
большой полигон
Заметки
Это свойство относится к CSS3 модулю CSS Multi-column Layout Module — кандидата в рекомендацию W3C с 17 декабря 2009 года.
Safari 3 и выше и Chrome 1 и выше поддерживают аналогичное свойство -webkit-column-rule-style, а Firefox 3.5 и выше -moz-column-rule-style. Эти свойства имеют такие же возможные значения, как и border-style.