CSS: The inset CSS shorthand

Copy<div class="outer">
  <div class="inner">
    Some text
  </div>
</div>

Copy.outer {
  background-color: cyan;
  position: relative;
  width: 500px;
  height: 500px;
}

Copy.inner {
  background-color: darkCyan;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

Copy.inner {
  background-color: darkCyan;
  position: absolute;
  inset: 10px;
}

Copy.inner {
  inset: 0 0 auto auto;
}