CSS3 overflow-yСвойство
Пример
Если содержимое выходит за пределы области содержимого элемента — обрезает содержимое верхнего/нижнего края элемента div:
div
{
overflow-y:hidden;
}
{
overflow-y:hidden;
}
Попробуйте сами »
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.
Числа непосредственно перед -webkit-, -ms- или -moz- указывают первую версию браузера, поддерживающую свойство с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| overflow-y | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Определение атрибута и инструкции по использованию
Свойство overflow-y определяет, обрезать ли содержимое верхнего/нижнего края, если оно выходит за пределы области содержимого элемента.
Совет:Использованиеoverflow-xАтрибут для определения, обрезаются ли левый и правый края.
| Значение по умолчанию: | visible |
|---|---|
| Наследуется: | нет |
| версия: | CSS3 |
| Синтаксис JavaScript: | object.style.overflowY="scroll" |
Синтаксис
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
| Значение | Описание |
|---|---|
| visible | Содержимое не обрезается и может отображаться за пределами блока содержимого. |
| hidden | Содержимое обрезается — механизм прокрутки не предоставляется. |
| scroll | Обрезанное содержимое — предоставляется механизм прокрутки. |
| auto | Если блок переполняется, должен быть предоставлен механизм прокрутки. |
| no-display | Если содержимое не помещается в блок содержимого, весь блок удаляется. |
| no-content | Если содержимое не помещается в блок содержимого, всё содержимое скрывается. |