Свойство overflow-y
Последнее обновление: 08.01.2011
Свойство overflow-y задает область и что произойдет с содержимым, которое выйдет за границы заданной области по оси y.
Допустимые значения
- visible — отображается все содержимое элемента
- hidden — вышедшее за пределы указанных границ содержимое не отображается
- scroll — вышедшее за пределы указанных границ содержимое можно будет просмотреть, прокрутив полосы прокрутки (при этом значении они автоматически добавляются элементу)
- auto — зависит от браузера
- inherit — наследует значение от родителя
| Значение по умолчанию | visible |
|---|---|
| Применимо | к блочным элементом или элементам которые отображаются как inline-block |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
div {
width: 100px;
height: 100px;
overflow-y: hidden;
overflow-x: auto;
}
Твой код:
Результат:
большой полигон
Заметки
Если вы хотите управлять отображением содержимого, которое выходит за границы области элемента по оси x, используйте css3 свойство overflow-x.
Сокращенное свойство overflow позволяет управлять отображением содержимого, которое выходит за границы области элемента по обеим осям одновременно.
По теме
- Сюрприз от Opera с overflow:hidden
- Учим Opera overflow-y
- Свойство clip
- Свойство -ms-overflow-x
- Свойство -ms-overflow-y
- «Дергание» сайта
Показать комментарии