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