Руководство по CSS

Правила CSS (RULES)

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

Свойство padding в CSS Свойство overflow-x в CSS3

Метод использования и примеры свойства overflow-y в CSS3

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

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

默认值：	Описание
Значение по умолчанию:	Применяется к:
Block, inline-block и flex контейнеры	Ингерит:
Нет	Анимируемо:Нет. Пожалуйста, смотрите:.
Анимационные свойства	Версия:
CSS3 новые возможности	JavaScript грамматика:object

.style.overflowY="scroll"

y-грамматика

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

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

　　Пример
　　　div　{
　　　width:　400px;
　　　height:　300px;
　　overflow-x:　scroll;

}

Тестирование看看‹/›

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

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

Если установлено, то связанный элемент использует значение свойства overflow-y родительского элемента.

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

	Совместимость браузеров для свойства overflow-y, числа в таблице показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство. Firefox 1.5 и выше Google Chrome 1+ Internet Explorer 9+ Apple Safari 3+

Opera 9.5+ Внимание:

Дополнительное чтение

Пожалуйста, смотрите следующие руководства:CSS Overflow.

Соответствующие свойства:overflow,overflow-x,clip,word-wrap.

Свойство padding в CSS Свойство overflow-x в CSS3