Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS 객체 맞춤 속성

<시간/>

개체 맞춤 사용 CSS의 속성을 사용하여 컨테이너에 맞게 이미지 또는 동영상의 크기를 조정합니다.

예시

다음 코드를 실행하여 object-fit 속성으로 작업하는 방법을 배울 수 있습니다 -

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg {
            width:250px;
            height:350px;
            object-fit:cover;
         }
      </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>