CSS overflow Свойство
Пример
Показать различные значения свойств переполнения:
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow:
auto;
}
div.ex4 {
overflow: visible;
}
Определение и использование
Свойство overflow указывает, что должно произойти, если содержимое переполнено полем элемента.
Это свойство определяет, следует ли вырезать содержимое или добавлять полосы прокрутки, если содержимое элемента слишком велико для размещения в указанной области.
Примечание: Свойство overflow работает только для элементов блока с заданной высотой.
| Значение по умолчанию: | visible |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS2 |
| Синтаксис JavaScript: | object.style.overflow="scroll" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Примечание: В OS X Lion (на Mac) полосы прокрутки скрыты по умолчанию и отображаются только при использовании (даже если задано "переполнение: прокрутка").
Синтаксис CSS
overflow: visible|hidden|scroll|auto|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| visible | Переполнение не обрезается. Он визуализируется вне поля элемента. Это значение по умолчанию | |
| hidden | Переполнение обрезается, а остальное содержимое будет невидимым | |
| scroll | Переполнение обрезается, но для просмотра остальной части содержимого добавляется полоса прокрутки | |
| auto | Если переполнение обрезано, для просмотра остальной части содержимого необходимо добавить полосу прокрутки | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Overflow
CSS Справочник: CSS Positioning
HTML DOM Справочник: overflow Свойство