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

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

Chạy thử Ví dụ Thuộc tính max-width 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-width trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div {width:100%; float:left; height:auto; border:1px solid red; background:#ddd; margin-bottom: 10px;}
div p{background:green; color:#fff}
</style>
</head>
<body>

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

<p>Dùng để giới hạn chiều rộng lớn nhất của phần tử HTML như: div, p, table, img,... thuộc tính max-width thường để cho chiều rộng 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 >
 <h3>max-width:400px</h3>
 <p style="max-width:400px">Thuộc tính max-width trong CSS dùng để giới hạn chiều rộng lớn nhất của phần tử HTML như: div, p, table, img,...</p>
</div>

<div >
 <h3>max-width:500px</h3>
 <p style="max-width:500px">Thuộc tính max-width trong CSS dùng để giới hạn chiều rộng lớn nhất của phần tử HTML như: div, p, table, img,...</p>
</div>

<div >
 <h3>max-width:100%</h3>
 <p style="max-width:100%">Thuộc tính max-width trong CSS dùng để giới hạn chiều rộng lớn nhất của phần tử HTML như: div, p, table, img,...</p>
</div>

<div >
 <h3>max-width:50%</h3>
 <p style="max-width:50%">Thuộc tính max-width trong CSS dùng để giới hạn chiều rộng lớn nhất của phần tử HTML như: div, p, table, img,...</p>
</div>

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