Свойство column-rule-style

Последнее обновление: 04.05.2011

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

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

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

Пример

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.

По теме

Показать комментарии