Spec-Zone.ru › CSS

scroll-margin-block-end

Базовая Широко поддерживается

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

  • Узнать больше
  • Показать полную совместимость
  • Отправить обратную связь

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

Попробовать

Синтаксис

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

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

Значения

<length>

Смещение от правого края области прокрутки.

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

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

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

scroll-margin-block-end = 
<length>

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

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

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

Рабочий стол Мобильный
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
scroll-margin-block-end 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-end

Spec-Zone.ru

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