Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство overflow-x | назначение, допустимые значения, примеры

Свойство overflow-x

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

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

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

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

Пример


div {
width: 100px;
height: 100px;
overflow-x: hidden;
overflow-y: auto;
}


Твой код:

Результат: