CSS/Eigenschaften/scroll-padding

Die Eigenschaft scroll-padding ist die zusammenfassende Eigenschaft für …

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

Sie gilt für Scroll-Container und entspricht weitgehend der Eigenschaft padding.

Erlaubte Werte

• 1 - 4 Längenangaben
• 1 - 4 prozentuale Angaben
• auto

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

scrollende Container

Vererbung

ja

animierbar

ja

Beispiel

body {
  scroll-padding: 1em;
  scroll-snap-type: block;
}
}

1=

Siehe auch

• OnePager (Tutorial, wie man eine Single-Page Webseite mit CSS und JavaScript attraktiver macht)

Weblinks

• CSSWG.org: scroll-padding
• MDN: scroll-padding
• css-tricks: scroll-padding