column-width
Поддержка браузерами
| 12.0+ | 10.0+ |
Описание
CSS свойство column-width задает ширину колонок.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к незамещаемым блочным или табличным элементам, к ячейкам таблицы или inline-block элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.columnWidth="100px" |
Синтаксис
column-width: auto|ширина|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| auto | Ширина колонок вычисляется браузером. |
| ширина | Задает ширину колонок. Ширина указывается в единицах измерения, используемых в CSS. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
column-width:
Результат:
Стандарт CSS3 еще не принят, но многие полезные свойства уже поддерживаются большинством браузеров. Из новых свойств стоит прежде всего обратить внимание на box-shadow и text-shadow, который позволяют добавлять различные по виду и расположению тени, как к тексту, так и к элементам, например можно сделать меню, отбрасывающую легкую тень, для придания объемного вида. Еще одно из свойств предназначено для работы с текстом - column, он позволяет делить текст на колонки, задавать ширину для них, управлять расстоянием между колонками и выбирать стиль, ширину и цвет для границ между ними.
CSS Код:
div {
column-width: auto;
}
column-width: auto;
}