САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

-moz-column-count

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.5+

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

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

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Определяет количество колонок в многоколоночном тексте.

Синтаксис

-moz-column-count: <число> | auto

Значения

<число>
Целое число больше нуля, задающее оптимальное число колонок.
auto
Число колонок вычисляется автоматически на основе других свойств (-moz-column-width, -moz-column-gap).

Пример

HTML5CSS2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-moz-column-count</title>
  <style>
   .book {
    -moz-column-count: 2;
   }
  </style>
 </head>
 <body>
  <div class="book">
<p>1. Lorem ipsum dolor sit amet consectetuer rutrum Aliquam et Maecenas
malesuada. Sem vitae tempus Curabitur condimentum velit pellentesque 
nibh mauris et Vivamus. Curabitur pede vitae vitae mollis mauris 
elit justo mauris Vestibulum interdum. Feugiat Ut condimentum 
tincidunt Maecenas mauris sodales eleifend Mauris sapien felis. 
Auctor elit penatibus convallis Ut magnis fames sem sed laoreet 
vitae. Tempus Vivamus tellus commodo.</p>
<p>2. Curabitur pulvinar pretium adipiscing Pellentesque Curabitur nonummy 
quis ipsum porttitor Sed. In Ut ipsum a Pellentesque eu Nam Nam rutrum 
dignissim faucibus. Nec consectetuer aliquet convallis ipsum ipsum 
tempor sapien Quisque nibh interdum. Nam pede et consectetuer Lorem 
convallis et turpis dolor fringilla Vestibulum. Sed orci et Vestibulum 
leo adipiscing justo Quisque Vestibulum urna risus. Magnis tristique et 
Duis neque consequat turpis Sed Duis convallis Morbi. Eros sed.</p>
<p>3. Sed Cum In enim Ut dolor justo dolor enim wisi orci. Convallis 
enim a in justo et orci dolor Curabitur quis eget. Nulla justo semper 
scelerisque semper dictumst et interdum eu quis eget. Laoreet leo porta 
Cras et id eros felis metus et dictumst. Eu ac facilisi tincidunt dui 
Nam Quisque consectetuer fermentum leo fames. Laoreet amet Nam 
sollicitudin tincidunt sed fames interdum accumsan tempus vitae.</p>
</div>
 </body>
</html>
  

Результат примера показан на рис. 1.

Рис. 1

Рис. 1. Две колонки текста

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

1 апреля 2010 года британский онлайн-продавец компьютерных игр GameStation внёс в пользовательское соглашение, которое покупатели должны прочитать перед совершением оплаты, пункт, согласно которому покупатель также отдаёт свою душу в вечное пользование магазину. В результате 7 500 человек, или 88% от общего числа пользователей, согласились с данным пунктом. Это показало, как легко подавляющее большинство пользователей, что не читают подобные документы, могут юридически согласиться с самым безумным требованием продавца.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций