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

css
/* <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 Wertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufalle Elemente
VererbtNein
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
Animationstypby computed value type

Formale Syntax

scroll-margin-block = 
  <length>{1,2}

Spezifikationen

Specification
CSS Scroll Snap Module Level 1
# propdef-scroll-margin-block

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch