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

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

-webkit-column-width

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 3.1+

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

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

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает оптимальную ширину колонки в многоколоночном тексте. Реальная ширина колонки может быть больше введенного значения, сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.

Синтаксис

-webkit-column-width: <значение> | auto

Значения

<значение>
Значение ширины колонки в абсолютных единицах CSS (например, пикселах).
auto
Ширина колонок вычисляется автоматически на основе других свойств (-webkit-column-count, -webkit-column-gap).

Пример

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-webkit-column-width</title>
  <style>
   .book {
    -webkit-column-count: 3;
    -webkit-column-width: 200px;
    -webkit-column-rule: 1px solid #ccc;
   }
  </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.</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.</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.</p>
</div>
 </body>
</html>

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

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

htmlbook.ru


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

В середине 70-х был придуман универсальный протокол TCP / IP, при помощи которого можно было устанавливать связь между компьютерами, в конце 70-х появились первые локальные компьютерные сети, в 80-е получили распространение электронная почта и доски объявлений. Но сам по себе интернет, каким мы его знаем, появился лишь в конце 1990 в лабораториях CERN — Европейского Центра Ядерных Исследований в Швейцарии. Поначалу интернет развивался медленно, например к концу 1992 в нём было лишь около 26 сайтов. Но с 1993 г., когда появился первый общедоступный браузер, а разработчики технологии WWW отказались от любых прав на неё и объявили её использование бесплатной, начался бурный рост интернета. В 1994 число пользователей интернета превысило миллион, появился первый интернет-магазин, поисковые системы, библиотеки.


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