CSS свойство overflow, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-2145643Перейти к справке CSS

div { width:150px; height:150px; overflow:scroll;

}

Описание и использование

Свойство CSS overflow задает поведение браузера в случае, если содержимое элемента не помещается в него.

Значение по умолчанию visible
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.overflow=»scroll»

Поддержка в браузерах

chrome-8820047 firefox-5166062 ie-5282970 opera-7334388 safari-3173420
Свойство overflow поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства overflow

Значение Описание
visible Содержимое не ограничивается содержащим элементом. Все, что выходит за пределы элемента, тем не менее отображается. Значение по умолчанию
hidden Видима только та часть содержимого, что в пределах физических размеров содержащего его элемента
scroll Видима только та часть содержимого, что помещается в физические размеры содержащего его элемента, но для просмотра остального содержимого появляются полосы прокрутки
auto Автоматический режим, если содержимое выходит за пределы содержащего его элемента, появляются полосы прокрутки
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Позиционирование элементов в CSS

up_violet-2145643Перейти к справке CSS