Свойство CSS margin-block-end

Определение и использование

margin-block-end свойства указывают на отступ в конце блока.

CSS margin-block и margin-inline свойства соответствуют CSS margin-top,margin-bottom,margin-left и margin-right являются очень похожими, но margin-block и margin-inline Атрибут зависит от направления блока и направления строки.

Обратите внимание:связанные CSS свойства writing-mode Определяет направление блока. Это влияет на начальную и конечную позиции блока и margin-block-end Результат свойства. Для английских страниц направление блока вниз, а направление строки слева направо.

Пример

Пример 1

Установить отступ в конце блока:


  margin-block-end: 35px;
}

Попробуйте сами

Пример 2

Когда у элемента <div> writing-mode Когда значение атрибута writing-mode установлено в vertical-rl, направление блока справа налево. Результатом является перемещение конечной позиции элемента из нижней части влево. Таким образом, изменение writing-mode также влияет на эффект margin-block-end:


  writing-mode: vertical-rl;
}

  margin-block-end: 50px;
}

Попробуйте сами

CSS синтаксис

margin-block-end: auto|length|initial|inherit;

Значение свойства

Значение Описание
auto Значение по умолчанию. Указывает на/default margin для элемента.
length

Указать расстояние, единицы измерения px, pt, cm и т.д. Допускаются отрицательные значения.

См. также:Единицы CSS.
% Указать процентное расстояние относительно размера родительского элемента в направлении строки.
initial Установить этот атрибут в его значение по умолчанию. См. также initial.
inherit Этот атрибут наследуется от родительского элемента. См. также inherit.

Технические детали

Значение по умолчанию: auto
Ингерит: Нет
Создание анимации: Поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.marginBlockEnd="20px"

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Сafari Опера
87.0 87.0 41.0 12.1 73.0

Соответствующие страницы

См. также:Свойство CSS margin-block

См. также:Свойство CSS margin-block-start

См. также:Свойство CSS margin-bottom

См. также:CSS свойство margin-inline

См. также:CSS свойство margin-left

См. также:CSS свойство margin-right

См. также:CSS свойство margin-top

См. также:Свойство writing-mode в CSS