scroll-margin-block

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

Свойство scroll-margin-block сокращенного написания устанавливает поля прокрутки элемента в блочном измерении.

Попробуйте

Составляющие свойства

Это свойство является сокращением для следующих свойств 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;

Значения

<length>: Отступ от соответствующего края контейнера прокрутки.

Описание

Значения scroll-margin представляют собой отступы, определяющие область привязки прокрутки, которая используется для привязки этого блока к snapport. Область привязки прокрутки определяется путем взятия преобразованного пограничного блока, поиска его прямоугольной ограничивающей рамки (выровненной по осям в системе координат контейнера прокрутки), а затем добавления указанных отступов.

Формальное определение

Начальное значение	как каждое из свойств сокращенного варианта: `scroll-margin-block-start`: `0` `scroll-margin-block-end`: `0`
Применяется к	всем элементам
Наследуется	нет
Вычисленное значение	как каждое из свойств сокращенного варианта: `scroll-margin-block-start`: как указано `scroll-margin-block-end`: как указано
Тип анимации	по типу вычисляемого значения

Формальный синтаксис

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

Спецификации

Спецификация
Модуль привязки прокрутки CSS уровня 1 # propdef-scroll-margin-block

Совместимость с браузерами

	Настольный					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`scroll-margin-block`	69	79	68	56	15	69	68	48	15	10.0	69

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-block