CSS3 overflow-xСвойство
Пример
Если содержимое выходит за пределы области содержимого элемента — обрезает содержимое по левому/правому краю элемента div:
div
{
overflow-x:hidden;
}
{
overflow-x:hidden;
}
Попробуйте сами »
Поддержка браузеров
Числа в таблице указывают номер первой версии браузера, поддерживающей это свойство.
Число, стоящее непосредственно перед -webkit-, -ms- или -moz-, — это номер первой версии браузера, поддерживающей свойство с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Определение свойства и инструкции по использованию
Свойство overflow-x определяет, обрезать ли содержимое по левому/правому краю, если оно выходит за пределы области содержимого элемента.
Совет:Используйте свойство overflow-y, чтобы определить, обрезаются ли верхний и нижний края.
| Значение по умолчанию: | visible |
|---|---|
| Наследуется: | нет |
| версия: | CSS3 |
| Синтаксис JavaScript: | object.style.overflowX="scroll" |
Синтаксис
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| Значение | Описание |
|---|---|
| visible | Содержимое не обрезается и может отображаться за пределами блока содержимого. |
| hidden | Содержимое обрезается — механизм прокрутки не предоставляется. |
| scroll | Обрезанное содержимое — предоставляется механизм прокрутки. |
| auto | Если блок переполняется, должен быть предоставлен механизм прокрутки. |
| no-display | Если содержимое не помещается в блок содержимого, весь блок удаляется. |
| no-content | Если содержимое не помещается в блок содержимого, всё содержимое скрывается. |