CSS3 Свойство overflow-x
Полный CSS Справочник
Пример
Обрезать левую/правую края контента внутри элемента div - если он переполняет область содержимого элемента:
div
{
overflow-x:hidden;
} |
Попробуйте сами » |
Поддержка Браузерами
Свойство 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 Справочник
|