overflow-block

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

Свойство overflow-block сопоставляется с overflow-y или overflow-x в зависимости от режима записи документа.

Логические блоки

• margin-block
• margin-block-end
• margin-block-start
• margin-inline
• margin-inline-end
• margin-inline-start

• overflow-block
• overflow-inline

• padding-block
• padding-block-end
• padding-block-start
• padding-inline
• padding-inline-end
• padding-inline-start

Синтаксис

/* Keyword values */
overflow-block: visible;
overflow-block: hidden;
overflow-block: scroll;
overflow-block: auto;

/* Global values */
overflow-block: inherit;
overflow-block: initial;
overflow-block: revert;
overflow-block: revert-layer;
overflow-block: unset;

Значения

visible

Содержимое не обрезается и может отображаться за пределами начального и конечного краев блока поля заполнения.

hidden

Содержимое обрезается, если необходимо, чтобы соответствовать размеру блока в поле заполнения. Полосы прокрутки не предусмотрены.

scroll

Содержимое обрезается, если это необходимо, чтобы соответствовать размеру блока в поле заполнения. Браузеры отображают полосы прокрутки независимо от того, обрезано ли какое-либо содержимое. (Это предотвратит появление или исчезновение полос прокрутки при изменении содержимого.) Принтеры могут по-прежнему печатать переполненное содержимое.

auto

Зависит от пользовательского агента. Если содержимое помещается внутри поля заполнения, оно выглядит так же, как visible, но по-прежнему устанавливает новый контекст форматирования блока. Настольные браузеры предоставляют полосы прокрутки, если содержимое выходит за пределы.

Поддержка браузерами

Ссылки

• Свойство overflow-block ^{MDN (рус.)}
• CSS Overflow Module Level 3 ^{Spec (англ.)}

Комментарии