CSS/Eigenschaften/scroll-margin

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

• scroll-margin-bottom
• scroll-margin-left
• scroll-margin-right
• scroll-margin-top

Sie gilt für scrollende Elemente innerhalb von Scroll-Containern und entspricht weitgehend der Eigenschaft margin.

Erlaubte Werte

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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

0

anwendbar auf

scrollende Boxen

Vererbung

ja

animierbar

ja

Beispiel

.scroller > div {
  width: 25em;
  background-color: #333;
  color: #fff;

  scroll-margin: 1em;
  scroll-snap-align: start;
}
}

1=

Siehe auch

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

Weblinks

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