object-fit 속성은 IMG
, VIDEO
태그의 크기를 컨테이너에 맞게 자정하는데 사용됩니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
Property | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
object-fit | 31.0 | 16.0 | 36.0 | 7.1 | 19.0 |
Original
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
FILL
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
CONTAIN
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
COVER
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
NONE
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
SCALE-DOWN
![](/files/attach/images/10590/029/058/17f1ef02b7d2d94869d13f97c1829ea4.jpg)
object-fit: fill; object-fit: contain; object-fit: cover; object-fit: none; object-fit: scale-down;
Facebook [ja]コメント