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

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

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

Обратите внимание:Чтобы сделать этот атрибут эффективным, необходимо определить position атрибутам

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

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

Пример

Пример 1

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

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

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

Пример 2

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

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

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

CSS синтаксис

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

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

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

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

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

См. также

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

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

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