Inset css что это?

Я думал inset это сокращение для внутренних отступов.

Пример слоя: .panel { position: relative; } .overlay { position: absolute; inset: 0; }. При автоматических размерах обычный div растянется по содержащему блоку. Запись inset: 0 равна нулевым top, right, bottom и left. Это не padding и не команда, которая во всех случаях принудительно выставляет width и height. Явные размеры могут ограничить растягивание.

С фиксированной шириной слой поэтому и не растягивался.

Проверьте смысл записи:

• Inset задает смещения top, right, bottom и left, а не внутренний padding.
• Одно значение относится ко всем четырем сторонам, два задают вертикальную и горизонтальную пары, четыре идут сверху по часовой стрелке.
• На элемент с position: static эти смещения не действуют.
• Для абсолютного слоя сначала определите содержащий блок. Часто его создает родитель с position: relative, но это не единственное возможное условие.
• При position: absolute; inset: 0 и автоматических размерах обычный пустой слой может растянуться между противоположными краями.
• Явная ширина, высота, ограничения и особенности заменяемых элементов могут изменить результат.
• Inset относится к физическим сторонам. Для логических направлений служат inset-inline и inset-block.