Свойство -webkit-column-rule-style определяет цвет границы колонки в многоколоночном элементе.
Допустимые значения
- none — нет границы, равносильно, что и ширина границы равно нулю
- hidden — скрытая граница. Не отображает границу, но в блочной модели учитывается ширина границы
- dotted — серия точек
- dashed — пунктирная линия
- solid — сплошная линия
- double — двойная сплошная линия
- groove и outset — выглядит как будто содержимое выдавлено из фона
- ridge и inset — выглядит как будто содержимое вдавлено в фон
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | к многоколоночным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
.block {
-webkit-column-count:2;
-webkit-column-rule-color:#f00;
-webkit-column-rule-width:5px;
-webkit-column-rule-style:dotted;
}
По теме
- Вендорные префиксы. Что это?
- CSS свойство column-rule-style
- CSS свойство column-gap
- CSS свойство -webkit-column-gap
- CSS свойство column-rule
- CSS свойство -webkit-column-rule
- CSS свойство column-rule-width
- CSS свойство -webkit-column-rule-width
- CSS свойство column-rule-color
- CSS свойство -webkit-column-rule-color
- CSS свойство column-width
- CSS свойство -webkit-column-width
- CSS свойство column-count
- CSS свойство -webkit-column-count
- CSS свойство columns
- CSS свойство -webkit-columns
- CSS свойство column-span
- CSS свойство -webkit-column-break-after
- CSS свойство -webkit-column-break-inside
- CSS свойство -webkit-column-break-before
Показать комментарии