CSS 객체 맞춤 속성 값

CSS의 object-fit 속성은 컨테이너에 맞게 이미지 또는 비디오의 크기를 조정하는 데 사용됩니다. 다음 값을 가집니다.

포함: 콘텐츠 크기에 맞게 조정됨
표지: 에 맞게 잘림
채우기: 콘텐츠 상자를 채웁니다.

예시

커버 값으로 object-fit 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg {
            width:250px;
            height:350px;
            object-fit:fill;
         }
      </style>
   </head>
   <body>
      <h2>SWIFT</h2>
      <img class = "myimg"
         src = "https://www.tutorialspoint.com/assets/videos/courses/67/images/course_67_image.png"
         alt = "Python Data Science" width = "300" height = "200">
   </body>
</html>