Chạy thử Ví dụ Thuộc tính max-height trong CSS

Chạy thử Ví dụ Thuộc tính max-height trong CSS

Chạy thử Ví dụ Thuộc tính max-height trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính max-height trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.divclass{width:19%; float:left; height:360px; border:1px solid red; margin-right:1%}
.divclass2{width:100%; margin:0px; padding:10px; background:green;overflow: hidden;color:#fff; }
h4{margin:0px; padding:0px;margin-bottom:10px}
.divclass2 p{margin:0px; padding:0px}
</style>
</head>
<body>

<h1>Chạy thử Ví dụ Thuộc tính max-height trong CSS</h1>

<p>Dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,... thuộc tính max-height thường để cho chiều cao của phần tử HTML lớn nhỏ tùy ý và giới hạn nó ở một giá trị cụ thể:</p>

<div class="divclass">
<div class="divclass2" style="max-height:150px">
<h4>max-height:150px</h4>
<p>Thuộc tính max-height trong CSS dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,...</p>
</div>
</div>

<div class="divclass">
<div class="divclass2" style="max-height:200px">
<h4>max-height:200px</h4>
<p>Thuộc tính max-height trong CSS dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,... thuộc tính max-height thường để cho chiều cao của phần tử HTML lớn nhỏ tùy ý và giới hạn nó ở một giá trị cụ thể.</p>
</div>
</div>

<div class="divclass">
<div class="divclass2" style="max-height:50%">
<h4>max-height:50%</h4>
<p>Thuộc tính max-height trong CSS dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,... thuộc tính max-height thường để cho chiều cao của phần tử HTML lớn nhỏ tùy ý và giới hạn nó ở một giá trị cụ thể.</p>
</div>
</div>

<div class="divclass">
<div class="divclass2" style="max-height:100%">
<h4>max-height:100%</h4>
<p>Thuộc tính max-height trong CSS dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,... thuộc tính max-height thường để cho chiều cao của phần tử HTML lớn nhỏ tùy ý và giới hạn nó ở một giá trị cụ thể.</p>
</div>
</div>

<div class="divclass">
<div class="divclass2" style="max-height:100vh">
<h4>max-height:100vh</h4>
<p>Thuộc tính max-height trong CSS dùng để giới hạn chiều cao lớn nhất của phần tử HTML như: div, p, img,... thuộc tính max-height thường để cho chiều cao của phần tử HTML lớn nhỏ tùy ý và giới hạn nó ở một giá trị cụ thể.</p>
</div>
</div>

</body>
</html>
Chạy thử Ví dụ Thuộc tính max-height trong CSS nằm trong bài viết Thuộc tính max-height trong CSS