scroll-margin-block
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Die scroll-margin-block
-Kurzschreibweise legt die Scroll-Margen eines Elements in der Block-Dimension fest.
Probieren Sie es aus
Bestandteil-Eigenschaften
Diese Eigenschaft ist eine Kurzschreibweise für die folgenden CSS-Eigenschaften:
Syntax
/* <length> values */
scroll-margin-block: 10px;
scroll-margin-block: 1em 0.5em;
/* Global values */
scroll-margin-block: inherit;
scroll-margin-block: initial;
scroll-margin-block: revert;
scroll-margin-block: revert-layer;
scroll-margin-block: unset;
Werte
<length>
-
Ein Versatz vom entsprechenden Rand des Scroll-Containers.
Beschreibung
Die scroll-margin-Werte stellen Versätze dar, die den Scroll-Snap-Bereich definieren, der zum Einrasten dieser Box in den Snapport verwendet wird. Der Scroll-Snap-Bereich wird bestimmt, indem die transformierte Rahmenbox genommen und ihre rechteckige Begrenzungsbox gefunden wird (achsenbündig im Koordinatenraum des Scroll-Containers), und dann die angegebenen Versätze hinzugefügt werden.
Formale Definition
Initialer Wert | wie die jeweiligen Kurzschreibweisen: |
---|---|
Anwendbar auf | alle Elemente |
Vererbt | Nein |
Berechneter Wert | wie die jeweiligen Kurzschreibweisen:
|
Animationstyp | by computed value type |
Formale Syntax
Spezifikationen
Specification |
---|
CSS Scroll Snap Module Level 1 # propdef-scroll-margin-block |
Browser-Kompatibilität
BCD tables only load in the browser