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
поддерживается во всех основных браузерах.