Свойство overflow

Последнее обновление: 08.01.2011

Свойство overflow задает область и что произойдет с содержимым, которое выйдет за границы заданной области
overflow задает область и что произойдет с содержимым, которое выйдет за границы заданной области

Допустимые значения

  • visible — отображается все содержимое элемента
  • hidden — вышедшее за пределы указанных границ содержимое не отображается
  • scroll — вышедшее за пределы указанных границ содержимое можно будет просмотреть, прокрутив полосы прокрутки (при этом значении они автоматически добавляются элементу)
  • auto — зависит от браузера
  • inherit — наследует значение от родителя
Значение по умолчанию visible
Применимо к блочным элементам, th, td
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример

div {
width: 100px;
height: 100px;
overflow: hidden;
}
Твой код:
Результат:
большой полигон

Заметки

Свойство overlow:hidden часто используют в блочной верстке для страховки от ломки верстки, когда содержимое (например рисунок) выходит за границы элементов-каркаса (например столбца).

Есть возможность управлять отображением содержимого, которое выходит за границы элемента, по отдельным осям раздельно с помощью css3 свойств overflow-x и overflow-y.

По теме

Показать комментарии