scroll-padding-inline

The scroll-padding-inline CSS property is shorthand for scroll-padding-inline-start and scroll-padding-inline-end.

Syntax

CSS

scroll-padding-inline: value;

JS

object.style.scrollPaddingInline = "value";

Values

<'scroll-padding-inline'> = [ auto | <length-percentage> ]{1,2}
auto

Automatically specified by the user agent.

<length-percentage> = [ <length> | <percentage> ]
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

Initial

auto

Examples

auto

length

percentage

JS

Internal

scroll-padding

scroll-padding-block

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

External

World Wide Web Consortium (W3C)

Home Menu