CSS справочник

CSS @ правила (ПРАВИЛА)

Полный список свойств CSS

Свойство overflow-x в CSS3 CSS свойство outline-width

Метод использования и пример свойств overflow CSS

Свойство overflow CSS определяет, что делать с содержимым, которое выходит за пределы области элемента: обрезать его, показывать полосу прокрутки или показывать переполненное содержимое.

В таблице ниже приведено описание использования и истории версий этого свойства, а также грамматика использования в скриптах JavaScript.

Значение по умолчанию:	visible
Применяется к:	Block, inline-block и flex контейнеры
Инheritance:	Нет
Анимировано:	Нет.См. также Анимационные свойства.
Версия:	CSS 2, 3
JavaScript грамматика:	объект.style.overflow="scroll"

Использование грамматики переполнения

Грамматика этого свойства такая:

overflow:　auto　|　hidden　|　scroll　|　visible　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство overflow.

Пример

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow:　scroll;
　　}

Проверьте, как это выглядит‹/›

Значение свойства

В таблице ниже описаны значения этого свойства.

Значение	Описание
visible	Содержимое не обрезается; оно рендерится за пределами рамки элемента, поэтому может перекрываться другим содержимым. Это значение по умолчанию.
hidden	Содержимое переполненного элемента рамки обрезается, и其余 содержимое не видно.
scroll	Переполненное содержимое обрезается, как если бы оно было скрыто, но предоставляется механизм прокрутки для доступа к переполненному содержимому.
auto	Если содержимое выходит за рамки элемента, он предоставляет полосу прокрутки для просмотра остального содержимого.
initial	Установите этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанный элемент использует значение свойства overflow родительского элемента.

Совместимость браузеров

Совместимость браузеров для свойств overflow. Числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 1+ Google Chrome 1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

Для продолжения чтения

Узнайте подробнее в следующих руководствах:CSS Overflow.

Связанные свойства:overflow-x,overflow-y,clip,word-wrap.

Свойство overflow-x в CSS3 CSS свойство outline-width