Перейти к содержанию

scroll-padding

Сокращенное свойство scroll-padding устанавливает отступы прокрутки со всех сторон элемента одновременно, так же, как свойство padding задает отступы элемента.

Демо

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

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

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
/* Keyword values */
scroll-padding: auto;

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

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

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

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

Комментарии