column-width | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Главная » Справочник CSS3 » Свойства колонок


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


column-width | Свойство CSS

Свойство column-width устанавливает ширину колонки.




Свойство column-width устанавливает ширину колонки в многоколоночном элементе.При этом установленные значения ширины могут не соблюдатся браузером,а точнее установленное значение будет расценено как минимальное.Существует альтернативное свойство для браузеров Safari и Chrome -webkit-column-width.Для браузера Mozila применяется альтернативное свойство -moz-column-widthСвойство применимо к блочным элементам (кроме таблиц),ячейкам и элементам,у которых display установлен как inline-block,создано в версии CSS3 и проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к column-width


Значение
Описание
-moz-column-widthАльтернативное свойство для браузера Mozila
-webkit-column-widthАльтернативное свойство для браузеров Safari и Chrome


Дополнительные значения применяемые к column-width


Значение
Описание
autoШирина колонок устанавливается браузером
<Число>Любое числовое значение,будет задействовано как минимальное

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство column-width</title>
<style type="text/css">
<!--
div {
column-width:100px;
-moz-column-width:100px;
-webkit-column-width:100px;
width:400px;
}
-->
</style>
</head>
<body>
<center>
<div>
Установленное значение ширины не указывает на точное соблюдение браузером установленного значения,
значение воспринимается как минимальное.
</div>
</center>
<br>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/css3-multicol/#cw
Категория: Свойства колонок | Добавил: IZOTOP (16.05.2012) | Автор: Меренков Михаил E W
Просмотров: 622 | Теги: css, свойство, пример, style, column-width | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]