http://correlative57.ru/

Путешественникам, меломанам, бизнесменам, вебмастерам, новости.

Главная сайта     Контакты     Поиск по сайту

Скачать справочники можно на isxodniki.ru

-moz-column-gap

Internet Explorer Chrome Opera Safari Firefox Android iOS
        1.5+    

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

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

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание





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

Синтаксис

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

Значения

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




Пример

HTML5CSS 2.1CSS 3IE 9Cr 15Op 11Sa 5Fx 8

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-moz-column-gap</title>
  <style>
   .book {
    -moz-column-count: 3;
    -moz-column-width: 200px;
    -moz-column-gap: 2em;
   }
  </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>




Спонсоры сайта:

Поделиться ссылкой на эту страницу в Vkontakte, FaceBook, Одноклассниках и других социальных сетях:


Есть ли эта страница в памяти поисковиков?

Yandex ТИЦ:      Google PR:  

Скачать справочники можно на isxodniki.ru