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