English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS-пroperty column-span определяет количество столбцов, которые элемент должен перекрывать в многостолбичном макете. Элемент, перекрывающий несколько столбцов, называется перекрывающим элементом.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | none |
|---|---|
| Поддерживается: | Исключая блочные элементы, элементы с浮动 и абсолютной позиционированием |
| Инherit: | Нет |
| Анимирован: | Нет.См. также Анимационные свойства. |
| Версия: | Новые функции CSS3 |
| JavaScript грамматика: | object.style.columnSpan="all" |
Грамматика этого свойства такая:
column-span: none | all | initial | inherit
Ниже приведен пример того, как использовать свойство column-span.
h1 {
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}Проверьте, чтобы увидеть‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| none | Элемент не охватывает несколько колонок. Это значение по умолчанию. |
| all | Элемент охватывает все колонки на странице. Все содержимое, объявленное до элемента, отображается до элемента. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение column-span родительского элемента. |
Совместимость браузеров для свойства column-span, числа в таблице показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, смотрите следующие руководства:CSS3 многостраничный макет.
Связанные свойства:column-width,column-fill,column-gap,column-rule,column-rule-color,column-rule-style,column-rule-width,column-count,columns.