column-rule » Новости мира Интернет
Telegram добавил списки задач и предложенные посты для каналов - «Новости мира Интернет»
Telegram добавил списки задач и предложенные посты для каналов - «Новости мира Интернет»
В MIT разработали технологию, которая позволяет «видеть» предметы внутри коробок - «Новости мира Интернет»
В MIT разработали технологию, которая позволяет «видеть» предметы внутри коробок - «Новости мира Интернет»
Яндекс Метрика научилась игнорировать повторные клики по рекламе - «Новости мира Интернет»
Яндекс Метрика научилась игнорировать повторные клики по рекламе - «Новости мира Интернет»
Яндекс открыл биржу Telegram-каналов - «Новости мира Интернет»
Яндекс открыл биржу Telegram-каналов - «Новости мира Интернет»
«Жизнь в Найт-Сити продолжается»: CD Projekt Red и студия Trigger официально анонсировали Cyberpunk: Edgerunners 2 - «Новости сети»
«Жизнь в Найт-Сити продолжается»: CD Projekt Red и студия Trigger официально анонсировали Cyberpunk: Edgerunners 2 - «Новости сети»
В Китае набрали популярность «обманки» для автопилота Tesla, которые позволяют не держаться за руль - «Новости сети»
В Китае набрали популярность «обманки» для автопилота Tesla, которые позволяют не держаться за руль - «Новости сети»
Sony приостановила продажи Xperia 1 VII из-за технических проблем - «Новости сети»
Sony приостановила продажи Xperia 1 VII из-за технических проблем - «Новости сети»
Испытания солью, пылью и асфальтом: Apple показала, как тестирует iPhone на прочность - «Новости сети»
Испытания солью, пылью и асфальтом: Apple показала, как тестирует iPhone на прочность - «Новости сети»
Большинство новейших видеокарт по-прежнему продаются с наценкой в 12–57 % — особенно GeForce RTX 5090 и 5080 - «Новости сети»
Большинство новейших видеокарт по-прежнему продаются с наценкой в 12–57 % — особенно GeForce RTX 5090 и 5080 - «Новости сети»
Нил Дракманн бросил сериал The Last of Us, чтобы «целиком сосредоточиться» на Intergalactic: The Heretic Prophet - «Новости сети»
Нил Дракманн бросил сериал The Last of Us, чтобы «целиком сосредоточиться» на Intergalactic: The Heretic Prophet - «Новости сети»
Internet Explorer Chrome Opera Safari Firefox Android iOS
10.0 1.0+ 11.1+ 3.0+ 1.5+ 2.0+

Краткая информация

Значение по умолчанию medium none
Наследуется Нет
Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Процентная запись Неприменима

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

В многоколоночном тексте отрисовывает линию между колонками.

Синтаксис

column-rule: <border-width> || <border-style> || <цвет>

Значения

Значение border-width определяет толщину линии. Для управления видом линии предоставляется несколько значений border-style. Их названия и результат действия представлен на рис. 1.

.;


Рис.1. Стили линии

<цвет> устанавливает цвет линии, значение может быть в любом допустимом для CSS формате.

Пример

HTML5CSS3IE 9CrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>column-rule</title>
  <style>
   .book {
    -moz-column-count: 3;
    -moz-column-width: 200px;
    -moz-column-rule: 1px solid #ccc;
    -webkit-column-count: 3;
    -webkit-column-width: 200px;
    -webkit-column-rule: 1px solid #ccc;
    column-count: 3;
    column-width: 200px;
    column-rule: 1px solid #ccc;
   
  </style>
 </head>
 <body>
  <div class="book">
   Как было показано выше, кризис жанра дает звукоряд, и здесь в 
   качестве модуса конструктивных элементов используется ряд 
   каких-либо единых длительностей. Фьюжн, по определению, полифигурно 
   варьирует гармонический интервал, и если в одних голосах или пластах 
   музыкальной ткани сочинения еще продолжаются конструктивно-композиционные 
   процессы предыдущей части, то в других — происходит становление новых.   
   Трехчастная фактурная форма, в первом приближении, возможна. Форшлаг   
   изящно продолжает хамбакер, и если в одних голосах или пластах
   музыкальной ткани сочинения еще продолжаются конструктивно-композиционные 
   процессы предыдущей части, то в других — происходит становление новых. 
  </div>
 </body>
</html>

Браузеры

Firefox поддерживает нестандартное свойство -moz-column-rule.

Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-column-rule.

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Internet Explorer Chrome Opera Safari Firefox Android iOS 10.0 1.0 11.1 3.0 1.5 2.0 Краткая информация Значение по умолчанию medium none Наследуется Нет Применяется К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block Процентная запись Неприменима Версии CSS CSS 1 CSS 2 CSS 2.1 CSS 3 Описание В многоколоночном тексте отрисовывает линию между колонками. Синтаксис column-rule: || || Значения Значение border-width определяет толщину линии. Для управления видом линии предоставляется несколько значений border-style. Их названия и результат действия представлен на рис. 1. .; Рис.1. Стили линии устанавливает цвет линии, значение может быть в любом допустимом для CSS формате. Пример HTML5 CSS3 IE 9 Cr Op Sa Fx Браузеры Firefox поддерживает нестандартное свойство -moz-column-rule. Safari, Chrome и iOS поддерживают нестандартное свойство -webkit-column-rule.

Смотрите также

А что там на главной? )))



Комментарии )))