Thuộc tính background-size contain trong CSS

Thuộc tính background-size contain trong CSS

Thuộc tính background-size contain trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính background-size contain trong CSS</title>
<style>
#mtdiv {
  background: url(https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg);
  border: 2px solid black;
  padding: 25px;
  min-height:300px;
  background-repeat: no-repeat;
  color:red;
}
</style>
</head>
<body>

<h1>Thuộc tính background-size contain trong CSS</h1>

<p>Nó lấy đúng tỷ lệ hình so với kích thước HTML, phần còn lại không đủ sẽ bỏ trống:</p>

<div id="mtdiv" style="background-size: contain;">Nó lấy đúng tỷ lệ hình so với kích thước HTML, phần còn lại không đủ sẽ bỏ trống</div>

<p><b>Hình gốc:</b></p>
<img src="https://webmoi.vn/thumuc/ceo-bui-tan-luc.jpg" style="width:100%; height:auto">

</body>
</html>
Thuộc tính background-size contain trong CSS nằm trong bài viết Thuộc tính background-size trong CSS