scroll-padding

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

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

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

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

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

• scroll-padding-bottom
• scroll-padding-left
• scroll-padding-right
• scroll-padding-top

Синтаксис

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

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

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

Значення

<length-percentage>

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

auto

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

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

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

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

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

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

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

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