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

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

Chạy thử Ví dụ Thuộc tính min-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 min-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; margin-bottom:10px}
span{padding:15px; background:green; float:left; color:#fff}
</style>
</head>
<body>

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

<p>Dùng để quy định chiều rộng tối thiểu của các phần tử HTML như: div, img, span,... , nếu nội dung trong phần tử HTML không có gì thì chiều rộng nhỏ nhất vẫn là giá trị min-width:</p>

<div><span style="min-width:200px;">min-width:200px;</span></div>

<div><span style="min-width:300px;">min-width:300px;</span></div>

<div><span style="min-width:400px;">min-width:400px;</span></div>

<div><span style="min-width:30%;">min-width:30%;</span></div>

<div><span style="min-width:50%;">min-width:50%;</span></div>

<div><span style="min-width:100%;">min-width:100%;</span></div>

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