scroll-padding-block

Властивість-скорочення scroll-padding-block (блоковий відступ прокручення) задає відступ прокручення елемента на блоковій осі.

Спробуйте його в дії

Властивості відступів прокручення визначають відступи для оптимальної області перегляду прокрутного порту: область, що використовується як цільова область для розміщення елементів у полі зору користувача. Це дає розробникам змогу виключити області прокрутного порту, що затуляються іншим вмістом (наприклад, панелі інструментів і бічні панелі з фіксованим положенням), або додати більше вільного простору між цільовим елементом та краями прокрутного порту.

Властивості-складові

Ця властивість є скороченням для наступних властивостей CSS:

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

Синтаксис

/* Значення – ключові слова */
scroll-padding-block: auto;

/* Значення <length> */
scroll-padding-block: 10px;
scroll-padding-block: 1em 0.5em;
scroll-padding-block: 10%;

/* Глобальні значення */
scroll-padding-block: inherit;
scroll-padding-block: initial;
scroll-padding-block: revert;
scroll-padding-block: revert-layer;
scroll-padding-block: unset;

Значення

<length-percentage>

Відступ усередину від відповідного краю прокрутного порту, у вигляді валідної довжини або відсоткового значення.

auto

Відступ визначається користувацьким агентом. Зазвичай це буде 0px, але користувацький агент має право виявити та зробити щось інше, якщо ненульове значення буде доречнішим.

Формальне визначення

Формальний синтаксис

[ auto | <length-percentage> ]{1,2}
де 
<length-percentage> = <length> | <percentage>

Специфікації

Сумісність із браузерами

Дивіться також

• Схоплення прокручення CSS
• Добре контрольоване прокручення за допомогою схоплення прокручення CSS