scroll-padding-top

The scroll-padding-top property sets the top scroll padding of an element.

Formal Syntax

auto | <length-percentage [0,∞]>

Initial value

auto

Applies to

scroll containers

Inherited

no

Percentages

relative to the scroll container’s scrollport

Computed value

the keyword auto or a computed value

Animation type

by computed value type

See specification

JavaScript Access

// Access via element.style
element.style.scrollPaddingTop = 'auto';

Logical Property Group

This property belongs to the scroll-padding logical property group, which includes:

• scroll-padding-block-end
• scroll-padding-block-start
• scroll-padding-bottom
• scroll-padding-inline-end
• scroll-padding-inline-start
• scroll-padding-left
• scroll-padding-right
• scroll-padding-top (current property)