Атрибут CSS inset

Предыдущая страница inline-size
Следующая страница inset-block

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

inset Свойство используется для установки расстояния между элементом и его родительским элементом.

注意：要使该属性生效，必须指定 Внимание: Чтобы сделать это свойство действительным, необходимо указать

inset position

inset left

right

inset: 15px 30px 60px 90px;

Расстояние слева равно 90 пикселям
Свойства значения можно устанавливать несколькими способами:
Если у свойства inset три значения:
Если у свойства inset четыре значения:

Расстояние справа равно 30 пикселям

inset: 15px 30px 60px;

Расстояние слева равно 90 пикселям
Если у свойства inset два значения:
Если у свойства inset три значения:

Расстояние сверху равно 15 пикселям

Пример 2

Расстояние снизу равно 60 пикселям
Если у свойства inset два значения:

Расстояние сверху и снизу равно 15 пикселям

Расстояние справа и слева равно 30 пикселям

Если у свойства inset один значок:

inset: 10px;

Расстояние в четырех направлениях равно 10 пикселям

Пример

div {
  Пример 1
}

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

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

Установите значение свойства <div> элемента: inset inset: 35px;

div {
  Пример 2
}

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

inset: 15px 30px;

Установите значение свойства <div> элемента: inset Пример 3

div {
  inset: 15px 30px 60px;
}

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

Пример 4

Установите значение свойства <div> элемента: inset Значение свойства установлено на 15 пикселей от верха родительского элемента, 30 пикселей от правого края родительского элемента, 60 пикселей от низа родительского элемента и 90 пикселей от левого края родительского элемента:

div {
  inset: 15px 30px 60px 90px;
}

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

Синтаксис CSS

inset: auto|length|initial|inherit;

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

Значение	Описание
auto	Значение по умолчанию. Указывает на значение по умолчанию для distances inset элемента.
length	Используйте фиксированные единицы измерения (например, px, pt, cm и т.д.) для указания расстояния. Допускаются отрицательные значения. См. также:Единицы CSS.
%	Используйте проценты для указания расстояния, относительно размера родительского элемента по соответствующей оси.
initial	Установите это свойство в его значение по умолчанию. См. также: initial.
inherit	Преемственность. См. также: inherit.

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

Значение по умолчанию:	auto
Ингеритность:	Нет
Создание анимации:	Поддерживается. См. также:Атрибуты, связанные с анимацией.
Версия:	CSS3
Синтаксис JavaScript:	object.style.inset="100px 50px"