CSS3 столбцы недвижимости
примеров
Определяет ширину и количество столбцов:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
Попробуйте »
В нижней части этой страницы для большего количества примеров.
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Определение атрибута и инструкции
Столбцы свойство свойство является обобщающим для установки ширины столбца и число столбцов.
По умолчанию: | авто авто |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.columns = "100px 3" |
грамматика
колонки: колонка-ширина колонки подсчета;
значение | описание |
---|---|
колонного ширина | ширина столбца |
столбец подсчета | Количество колонок |
Другие примеры
Колонка подсчета
Текст DIV элемент на три колонки.
Колонка зазор
Текст в элементе сНу на три колонки, а также указать разрыв между столбцами 30 пикселя.
Колонка-правила
Правила определяют между колоннами: ширина, стиль и цвет.
Статьи по Теме
CSS3 учебник: CSS3 Множественные Столбцы