overflow

Общая информация

Любой элемент на странице представляет собой квадрат/прямоугольник. На размеры которого можно влиять с помощью соответствующих свойств css.

Свойство overflow определяет способ отображения содержимого, который выходит за пределы блока.

Применяется к блочным элементам. Разумеется, свойство можно применить, например, к span. Однако, чтобы overflow сработал, необходимо у элемента изменить свойство display на блоковое.

Синтаксис и значения

overflow: auto || hidden || scroll || visible || inherit

visible Значение по умолчанию, отображение содержимого никак дополнительно не форматируется. При жестко заданных размерах блока, если контент не умещается в нем, содержимое будет выходить за его пределы.
scroll Данное свойство прячет контент в рамках блока. Однако у блока добавляются полосы прокрутки, чтобы можно было посмотреть не уместившееся  содержимое.
auto Данное свойство также прячет контент в рамках блока. Полосы прокрутки добавляются автоматически при необходимости.
hidden Содержимое отображается только в рамках блока.
inherit Наследует значение родителя.


форматирование

Комментарии

В синтаксисе 4 пункт стоит переименовать с overflow на hidden

—  Денис, 13.02.2018 10:47:58 ответить #

Спасибо, Денис, поправили.

—  joey, 13.02.2018 14:21:34 ответить #

Добавить комментарий

Имя*
Ответ*