Spec-Zone.ru › CSS

scroll-margin-block-start

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

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

  • Узнать больше
  • См. полную совместимость
  • Сообщить об ошибке

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

Попробуйте

Синтаксис

/* <length> values */
scroll-margin-block-start: 10px;
scroll-margin-block-start: 1em;

/* Global values */
scroll-margin-block-start: inherit;
scroll-margin-block-start: initial;
scroll-margin-block-start: revert;
scroll-margin-block-start: revert-layer;
scroll-margin-block-start: unset;

Значения

<length>

Внешний отступ от начальной границы блока контейнера прокрутки.

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

Начальное значение 0
Применяется к всем элементам
Наследуется нет
Вычисленное значение как указано
Тип анимации по типу вычисляемого значения

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

scroll-margin-block-start = 
<length>

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

Спецификация
Модуль CSS Scroll Snap уровня 1
# margin-longhands-logical

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

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

См. также

  • CSS scroll snap
  • Хорошо контролируемая прокрутка с помощью CSS scroll snap

© 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-start

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API