overflow-x
Поддержка браузерами
12.0+ | 9.0+ | 3.5+ | 4.0+ | 9.5+ | 3.0+ |
Описание
CSS свойство overflow-x указывает, обрезать или нет левый/правый край содержимого - если оно переполняет доступную область элемента для его содержания.
Значение по умолчанию: | visible |
---|---|
Применяется: | к незамещаемым блочным и строчным элементам |
Анимируется: | нет |
Наследуется: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.overflowX="scroll" |
Синтаксис
overflow-x: visible|hidden|scroll|auto|inherit;
Значения свойства
Значение | Описание |
---|---|
visible | Указывает, что при переполнении элемента содержимым, оно не будет обрезаться, а просто выйдет за рамки. |
hidden | Указывает, что контент, который не помещается в элемент, будет обрезан (обрезанная часть будет невидимая). |
scroll | Указывает, что контент, который не помещается в элемент, будет обрезан, но для просмотра обрезанной части, можно будет воспользоваться полосой прокрутки. |
auto | При переполнении элемента содержимым, полосы прокрутки добавляются автоматически. |
no-display | Если содержимое не помещается в блоке элемента, то блок с содержимым удаляется. |
no-content | Если контент не помещается в блоке содержания, то контент не отображается. |
Пример
CSS Свойство:
overflow-x:
Результат:
CSS Код:
#myDIV {
width: 150px;
height: 200px;
overflow-x: visible;
}
width: 150px;
height: 200px;
overflow-x: visible;
}