CSS object-position: 대체 요소 콘텐츠 위치

img {
  object-position: center;
  /* object-position: left; */
  /* object-position: right; */
  /* object-position: 20px -20px; */
  /* object-position: top 100px right 0; */
}

img {
  width: 200px;
  height: 200px;
  border: 1px solid currentColor;
  object-fit: scale-down;
}

<img src="/assets/building.jpg">

/* 키워드 값 */
object-position: top;
object-position: bottom;
object-position: left;
object-position: right;
object-position: center;

/* <percentage> 값 */
object-position: 25% 75%;

/* <length> 값 */
object-position: 0 0;
object-position: 1cm 2cm;
object-position: 10ch 8em;

/* 모서리 오프셋 값 */
object-position: bottom 10px right 20px;
object-position: right 3em bottom 10px;
object-position: top 0 right 10px;

/* 전역 값 */
object-position: inherit;
object-position: initial;
object-position: revert;
object-position: revert-layer;
object-position: unset;