Свойство column-rule-style отвечает за то, как будет выглядеть граница между колонками. Это небольшое, но важное средство для придания структуре текста нужного визуального акцента. | Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.columnRuleStyle="dotted" | | Значение | Описание | | none | Граница отсутствует – просто чистый, ровный раздел. | | hidden | То же самое, что и “none” – границы не видны. | | dotted | Точечная линия, создающая легкое ощущение движения. | | dashed | Пунктирный стиль – чуть более динамичный и игривый. | | solid | Сплошная линия, которая всегда выглядит надёжно. | | double | Двойная рамка для тех, кто любит акценты. | | groove | Эффект вдавленной границы, добавляющий глубину. | | ridge | Тот же эффект, но «вывисший» – идеален для выделения секций. | | inset | Граница как будто вырезана внутрь колонки. | | outset | Показать, что граница выходит наружу – эффект «выхода» в пространство. | Пример использования column-rule-style: dotted;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id libero quis nulla tempor tristique. Donec vehicula.
|