Управлять смещением элемента можно с помощью CSS-свойства inset.

Так, когда на странице нужно разместить логический блок с абсолютным позиционированием, чаще всего используется классический вариант:

.some-element {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Но inset позволяет уменьшит количество строк:

.some-element {
    position: absolute;
    inset: 0;
}

Если необходимо указать различные значения для сторон элемента, их можно установить в следующем порядке:

1. верх (top)
2. право (right)
3. низ (bottom)
4. лево (left)

Сокращение работает по тем же правилам, что и для свойства margin:

.some-element {
    position: absolute;
    inset: 10px 0px -10px 0px;
}

Спасибо за внимание.