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