Thuộc tính phù hợp với đối tượng CSS được sử dụng để chỉ định cách thay đổi kích thước hình ảnh hoặc video để phù hợp với hộp nội dung của nó. Thuộc tính này chỉ định các cách khác nhau để lấp đầy nội dung bên trong hộp hoặc vùng chứa nội dung, chẳng hạn như giữ nguyên tỷ lệ khung hình hoặc kéo dài và nâng lên càng nhiều không gian càng tốt, v.v. Vị trí căn chỉnh của đối tượng nội dung của phần tử được thay thế trong hộp của phần tử có thể được thay đổi thông qua thuộc tính vị trí đối tượng
cú pháp
object-fit: fill|contain|cover|scale-down|none|initial|inherit;
Giá trị tài sản. Tất cả các thuộc tính được mô tả tốt với ví dụ dưới đây
lấp đầy. Nó là một giá trị mặc định. Hình ảnh được thay thế được kéo dài để vừa với hộp nội dung. Hình ảnh được thay thế sẽ lấp đầy hoàn toàn hộp bất kể tỷ lệ khung hình của nó
cú pháp
object-fit: fill;
Thí dụ. Ví dụ này minh họa việc sử dụng thuộc tính object-fit có giá trị được đặt thành fill