УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS3 Свойство overflow-y


CSS Справочник Полный CSS Справочник

Пример

Обрезать верхний/нижний края контента внутри элемента div - если он переполняет область содержимого элемента:

div
{
overflow-y:hidden;
}

Попробуйте сами »

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство overflow-y поддерживается во всех основных браузерах.

Замечание: Свойство overflow-y не работает корректно в IE8 и более ранних версиях.


Определение и Использование

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

Совет: Используйте свойство overflow-x, чтобы установить обрезку по левому и правому краям.

Значение по умолчанию: visible
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.overflowY="scroll"


Синтаксис

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Значение Описание
visible Контент не обрезается и может отображаться за пределами блока содержимого
hidden Контент обрезается - при этом механизм прокрутки не обеспечивается
scroll Контент обрезается и обеспечивается механизм прокрутки
auto Использовать механизм прокрутки для переполненных блоков
no-display Если контент не помещается в блоке содержания, то блок удаляется целиком
no-content Если контент не помещается в блоке содержания, то контент не отображается полностью


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS