Многоколоночный текст

Здравствуйте! В этой статье я хочу рассказать о таком свойстве CSS3 как возможность разделять текст на колонки. Свойство это появилось недавно, поэтому его надо использовать с префиксом, хотя возможно в будущем можно будет использовать без префикса. Свойство - это column. Причем имеются следующие свойства:

column-count - количество колонок
column-gap - задает расстояние между колонками в многоколоночном тексте
column-width - задает ширину колонки
column-rule - задает цвет, толщину и стиль линии, разделяющей колонки.

Для column-rule нудно задать цвет,стиль и толщину впрочем как и для рамки свойство border. Например:

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Многоколоночный текст Здравствуйте! В этой статье я хочу рассказать о таком свойстве CSS3 как возможность разделять текст на колонки Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuternaya-gramotnost/14354905/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Многоколоночный текст </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! В этой статье я хочу рассказать о таком свойстве  CSS3 как возможность  разделять текст на колонки </div> </div> Многоколоночный текст <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/kompyuternaya-gramotnost/14354905/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Многоколоночный текст</a> <div style="font-family:trebuchet MS;">Здравствуйте! В этой статье я хочу рассказать о таком свойстве CSS3 как возможность разделять текст на колонки </div> </div>

webguru

14.12.2017

В избранное Пожаловаться Просмотров: 816

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

Компьютерная грамотность 1406

Важные темы:

Активные участники:

Последние откомментированные темы:

Многоколоночный текст

Комментарии временно отключены

Открытая группа
17409 участников