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

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


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

Пример

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

div
{
overflow-x:hidden;
}

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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

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


Синтаксис

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

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


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




© 2011 - 2022 Уроки CSS