Позиционирование блоков с помощью inset

Немного запылившаяся заметка про то, что для позиционирования блоков появилось новое css-свойство, позволяющее немного сократить размер кодовой базы.

Привычное всем позиционирование блока выглядит примерно так. Это абстрактный блок с фиксированным позиционированием.

После появления свойства inset всё тоже самое можно записать немного короче:

Свойство inset - это короткая запись координат для позиционирования блока. Если нужно задать конкретные значения, то делается это так же как для свойств margin или padding:

Поддержки inset в настоящий момент нет только у IE11 (и я не думаю, что появится).

Поддержка inset в современных браузерах