СSS Свойство overflow-x
Пример
Показывать различные значения свойств overflow-x:
div.ex1 {
overflow-x: scroll;
}
div.ex2 {
overflow-x: hidden;
}
div.ex3 {
overflow-x:
auto;
}
div.ex4 {
overflow-x: visible;
}
Редактор кода »
Определение и использование
Свойство overflow-x указывает, следует ли обрезать содержимое, добавить полосу прокрутки или отображать содержимое переполнения элемента уровня блока, когда оно переполняется по левому и правому краям.
Совет: Используйте свойство overflow-y для определения отсечения по верхнему и нижнему краям.
| Значение по умолчанию: | visible |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет Прочитайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.overflowX="scroll" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -ms-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
CSS Синтаксис
overflow-x: visible|hidden|scroll|auto|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| visible | Содержимое не обрезается и может отображаться за пределами левого и правого краев. Это значение по умолчанию | Воспроизвести » |
| hidden | Содержимое обрезается - и механизм прокрутки не предусмотрен | Воспроизвести » |
| scroll | Содержимое обрезается и предусмотрен механизм прокрутки | Воспроизвести » |
| auto | Должно вызвать механизм прокрутки для переполнения боксов | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
Связанные страницы
CSS Учебник: CSS Переполнение
HTML DOM Справочник: Свойство overflowX
