пример
Горизонтальная прокрутка, если текст переполняет область содержимого элемента:
document.getElementById("myDIV").style.overflowX = "scroll";
Попробуй сам " Определение и использование
OverflowX свойство определяет, что делать с левой / правой кромками содержания - если оно переполняет область содержимого элемента.
Tip: Используйте overflowY свойства для определения отсечения в верхних и нижних кромках.
Поддержка браузеров
OverflowX свойство поддерживается во всех основных браузерах.
Note: overflowX свойство не работает должным образом в IE8 и ранее.
Синтаксис
Возвращение overflowX недвижимости:
object .style.overflowX
Установите overflowX свойства:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Значения свойств
Стоимость | Описание |
---|---|
visible | Содержимое не сжимается, и оно может быть вынесено вне коробки контента |
hidden | Содержимое усекается - и не предусмотрено никакого механизма прокрутки |
scroll | Содержимое усекается и предусмотрен механизм прокрутки |
auto | Если причина прокрутки механизма должны быть предусмотрено переполненными коробки |
initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
Значение по умолчанию: | видимый |
---|---|
Возвращаемое значение: | Строка, представляющая переполнение-й свойство элемента |
CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: overflow-x property
<Style Object