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

Trình soạn thảo - Chạy thử Ví dụ Thuộc tính width trong CSS

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

  <h1>Chạy thử Ví dụ Thuộc tính width trong CSS</h1>
  
  <p>Dùng để quy định chiều rộng cho các phần tử HTML như thẻ div, img, p, input,... bằng đơn vị px, phần trăm, auto:</p>
  
  <div><p style="width:30%">width:30%</p></div>
  
  <div><p style="width:50%">width:50%</p></div>
  
  <div><p style="width:100%">width:100%</p></div>
  
  <div><p style="width:100px">width:100px</p></div>
  
  <div><p style="width:150px">width:150px</p></div>
  
  <div><p style="width:auto">width:auto; Thẻ p</p></div>
  
  <div><span style="width:auto">width:auto; Thẻ span</span></div>
  
</body>
</html>
  • Chạy thử Ví dụ Thuộc tính width trong CSS nằm trong bài viết Thuộc tính width trong CSS
  • ★★★★★ ★★★★★