scroll-padding-block

Сокращенное свойство scroll-padding-block задает заполнение прокрутки элемента в блочном измерении.

Демо

Свойства прокрутки определяют смещения для оптимальной области просмотра области прокрутки: область, используемая в качестве целевой области для размещения вещей в поле зрения пользователя. Это позволяет автору исключить части области прокрутки, закрытые другим содержимым (например, фиксированными панелями инструментов или боковыми панелями), или оставить больше свободного места между целевым элементом и краями области прокрутки.

Это свойство является сокращением для следующих свойств CSS:

• scroll-padding-block-end
• scroll-padding-block-start

Синтаксис

/* Keyword values */
scroll-padding-block: auto;

/* <length> values */
scroll-padding-block: 10px;
scroll-padding-block: 1em 0.5em;
scroll-padding-block: 10%;

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

Спецификация

• CSS Scroll Snap Module Level 1

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

Комментарии