CSS-свойство column-span указывает, сколько столбцов элемент охватывает в многостолбцовой компоновке. Элемент, который охватывает более одного столбца, называется охватывающим элементом (spanning element).
| Значение по умолчанию: | none |
| Применяется к: | Все блочные элементы, кроме float и абсолютно позиционированных элементов |
| Наследование: | Нет |
| Анимирование: | Нет. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
column-span: none | all | initial | inheritПримеры написания кода свойства column-span:
h1 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all; /* Standard syntax */
}Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
none |
Элемент не охватывает несколько столбцов. Это значение установлено по умолчанию. |
all |
Элемент охватывает все столбцы на странице. Все содержимое, которое объявлено перед элементом, отображается перед элементом. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента column-span. |
Поддержка браузеров
Свойство column-span поддерживается во всех основных браузерах.
