Когда для элементов задаются свойства высоты и ширины, определяющие точный размер, появляется риск переполнения контентом – текст может заполнять больше места, чем зарезервировано его контейнером. С помощью CSS-свойства overflow вы заранее можете решить, как будет вести себя элемент при таком переполнении. По умолчанию всё содержимое остаётся видимым, даже если оно в несколько раз превышает размеры блока, но это легко изменить, выбрав нужное значение. | Значение по умолчанию: | visible | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.overflow="scroll" | | Значение | Описание | | visible | Контент не обрезается – он просто вылезает за пределы элемента, создавая ощущение свободы. | | hidden | Часть текста, которая не помещается, обрезается и становится невидимой. Это отличный способ скрыть лишнее. | | scroll | Контент обрезается, но для его просмотра появляется полоса прокрутки – удобно управлять видимым фрагментом. | | auto | При переполнении автоматически добавляются полосы прокрутки, если они необходимы. | | inherit | Значение наследуется от родительского элемента, позволяя сохранить единый стиль по всему документу. | Пример
|