-webkit-column-rule-style

Свойство -webkit-column-rule-style определяет цвет границы колонки в многоколоночном элементе.

Допустимые значения

  • none — нет границы, равносильно, что и ширина границы равно нулю
  • hidden — скрытая граница. Не отображает границу, но в блочной модели учитывается ширина границы
  • dotted — серия точек
  • dashed — пунктирная линия
  • solid — сплошная линия
  • double — двойная сплошная линия
  • groove и outset — выглядит как будто содержимое выдавлено из фона
  • ridge и inset — выглядит как будто содержимое вдавлено в фон
  • inherit — наследует значение от родителя
Значение по умолчанию none
Применимо к многоколоночным элементам
Наследование нет
Поддерживается браузерами
  • Safari 3.0 и выше
  • Chrome 1.0 и выше

Пример

CSS
.block {
-webkit-column-count:2;
-webkit-column-rule-color:#f00;
-webkit-column-rule-width:5px;
-webkit-column-rule-style:dotted;
}

По теме