column-gap » Новости мира Интернет
Новая ролевая модель в Вебмастере — «Блог для вебмастеров»
Новая ролевая модель в Вебмастере — «Блог для вебмастеров»
Почти полноценную Windows XP теперь можно запустить прямо в браузере - «Новости сети»
Почти полноценную Windows XP теперь можно запустить прямо в браузере - «Новости сети»
Microsoft узнала о критической уязвимости SharePoint ещё два месяца назад, но не смогла её исправить - «Новости сети»
Microsoft узнала о критической уязвимости SharePoint ещё два месяца назад, но не смогла её исправить - «Новости сети»
Слухи: новым руководителем российского издателя «Мира танков» и «Мира кораблей» станет бывший гендиректор «ВКонтакте» - «Новости сети»
Слухи: новым руководителем российского издателя «Мира танков» и «Мира кораблей» станет бывший гендиректор «ВКонтакте» - «Новости сети»
Эксперты рассказали, как не получить штраф за поиск экстремистских материалов - «Новости сети»
Эксперты рассказали, как не получить штраф за поиск экстремистских материалов - «Новости сети»
Многих буквально тошнит от езды в электромобилях, и учёные нашли этому объяснение - «Новости сети»
Многих буквально тошнит от езды в электромобилях, и учёные нашли этому объяснение - «Новости сети»
NVIDIA приступила к производству ИИ-ускорителей GB300 / ServerNews - «Новости сети»
NVIDIA приступила к производству ИИ-ускорителей GB300 / ServerNews - «Новости сети»
10 долгих лет: состоялся официальный запуск экзафлопсного суперкомпьютера Aurora / ServerNews - «Новости сети»
10 долгих лет: состоялся официальный запуск экзафлопсного суперкомпьютера Aurora / ServerNews - «Новости сети»
«Больше похоже на Fallout, чем последние игры серии»: новый геймплей неофициального шутера Fallout: Bakersfield на движке Doom впечатлил фанатов - «Новости сети»
«Больше похоже на Fallout, чем последние игры серии»: новый геймплей неофициального шутера Fallout: Bakersfield на движке Doom впечатлил фанатов - «Новости сети»
Cyberpunk 2077 протестировали на компьютерах Apple Mac с чипами от M1 до M4 - «Новости сети»
Cyberpunk 2077 протестировали на компьютерах Apple Mac с чипами от M1 до M4 - «Новости сети»
Internet Explorer Chrome Opera Safari Firefox Android iOS
10.0 1.0+ 11.1+ 3.0+ 1.5+ 2.0+

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

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

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задаёт расстояние между колонками в многоколоночном тексте.

Синтаксис

column-gap: <значение> | normal

Значения

<значение>
Значение ширины межколоночного интервала в единицах CSS (например, пикселах).
normal
Межколоночный интервал устанавливается браузером.

Пример

HTML5CSS3IE 9CrOpSaFx

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

Браузеры

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

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

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

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

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

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



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