Свойство переполнения CSS
❮ Назад Полное руководство по CSS Далее ❯
Пример
Показать различные значения свойства переполнения:
div.ex1 {
переполнение: прокрутка;
}
div.ex2 {
переполнение: скрыто;
}
div.ex3 {
переполнение:
авто;
}
div.ex4 {
переполнение: клип;
}
div.ex5 {
переполнение: видимое;
}
Попробуйте сами »
Определение и использование
Свойство overflow указывает, что должно произойти, если содержимое переполняет поле элемента.
Это свойство указывает, следует ли обрезать содержимое или добавлять полосы прокрутки, когда содержимое элемента слишком велико, чтобы поместиться в указанной области.
Примечание: Свойство overflow работает только для блочных элементов с заданной высотой.
Показать демонстрацию ❯
| Значение по умолчанию: | видимый |
|---|---|
| Унаследовано: | нет |
| Анимация: | нет. Читать про анимированный |
| Версия: | CSS2 |
| Синтаксис JavaScript: | объект .style.overflow=»scroll» Попробуй |
Поддержка браузера
Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Собственность | |||||
|---|---|---|---|---|---|
| переполнение | 1,0 | 4,0 | 1,0 | 1,0 | 7,0 |
Примечание: В OS X Lion (на Mac) полосы прокрутки по умолчанию скрыты и отображаются только при использовании (даже если установлено «overflow:scroll»).
Синтаксис CSS
overflow: visible|hidden|clip|scroll|auto|initial|inherit;
Значения свойств
| Описание | Демо | |
|---|---|---|
| видимый | Переполнение не отсекается. Он отображается за пределами поля элемента. Это по умолчанию | Демонстрация ❯ |
| скрытый | Переполнение обрезается, и остальное содержимое будет невидимым. Содержимое можно прокручивать программно (например, установив scrollLeft или прокрутить()) | Демонстрация ❯ |
| зажим | Переполнение обрезается, и остальное содержимое будет невидимым. Запрещает прокрутку, включая программную прокрутку. | Демонстрация ❯ |
| свиток | Переполнение обрезается, но добавляется полоса прокрутки для просмотра остального содержимого | Демонстрация ❯ |
| авто | Если переполнение обрезано, необходимо добавить полосу прокрутки, чтобы увидеть остальную часть содержимого | Демонстрация ❯ |
| начальный | Устанавливает для этого свойства значение по умолчанию. Читать про начальный | |
| унаследовать | Наследует это свойство от родительского элемента. Читать о унаследовать |
Связанные страницы
Учебник CSS: Переполнение CSS
Учебник CSS: Позиционирование CSS
Ссылка HTML DOM: свойство переполнения
❮ Предыдущий Полное руководство по CSS Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебник по jQuery
Основные ссылки
HTML ReferenceCSS Reference
SQL Reference
Python Reference
W3.
CSS Reference Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
1 Top3 Examples
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
Свойство CSS scroll-padding
❮ Назад Полное руководство по CSS Далее ❯
Пример
Отключить привязку прокрутки:
div {
overflow-anchor: none;
}
Попробуйте сами »
Определение и использование
Свойство overflow-anchor позволяет отключить привязку прокрутки.
Привязка прокрутки — это функция браузера, которая предотвращает перемещение видимой области, находящейся в фокусе прокрутки, при загрузке нового содержимого выше. Обычно это проблема при медленном соединении, если пользователь прокручивает страницу вниз и начинает читать до того, как страница полностью загрузится.
| Значение по умолчанию: | авто |
|---|---|
| Унаследовано: | нет |
| Анимация: | нет. Читать о анимированных |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.overflowAnchor=»none» Попробуй |
Поддержка браузера
Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Собственность | |||||
|---|---|---|---|---|---|
| переливной анкер | 56,0 | 79,0 | 66,0 | Не поддерживается | 43,0 |
Синтаксис CSS
overflow-anchor: auto|none|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| авто | Значение по умолчанию. Привязка прокрутки включена |
| нет | Привязка прокрутки отключена |
| начальный | Устанавливает для этого свойства значение по умолчанию. Читать про начальный |
| унаследовать | Наследует это свойство от родительского элемента. Читать о унаследовать |
Связанные страницы
Учебник CSS: Переполнение CSS
Свойство переполнения CSS: Свойство переполнения CSS
❮ Предыдущий Полное руководство по CSS Далее ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебник HTMLУчебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery 9002 Tops 3 902 Reference 902 Tops 3 902 Reference Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.
