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

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

inset-block-end свойства для установки расстояния между концом элемента и родительским элементом в направлении блока.

Примечание:Чтобы сделать этот атрибут действительным, необходимо указать position свойства.

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

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

Пример

Пример 1

Установить расстояние между концом уже расположенного <div> элемента и родительским элементом в направлении блока:

div {
  inset-block-end: 50px;
}

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

Пример 2

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

div {
  inset-block-end: 50px;
  writing-mode: vertical-rl;
}

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

Синтаксис CSS

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

Значение атрибута

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

Поддержка браузерами

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

Связанные страницы

Урок:CSS позиционирование

См. также:CSS свойство position

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