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

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

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

  <h1>Chạy thử Ví dụ Thuộc tính height trong CSS</h1>
  
  <span>Dùng để quy định chiều cao của các phần tử HTML như thẻ div, p, img,... bằng đơn vị px, phần trăm, auto, vh (chiều cao màn hình trình duyệt):
  </span>
  
  <div><p style="height:50px">height:50px</p></div>
  
  <div><p style="height:100px">height:100px</p></div>
  
  <div><p style="height:50%">height:50%</p></div>
  
  <div><p style="height:100%">height:100%</p></div>
  
  <div style="">
  <p style="height:100vh">height:100vh (chiều cao màn hình trình duyệt)</p>
  </div>
  
  <div><p style="height:auto">height:auto</p></div>
  
</body>
</html>
  • Chạy thử Ví dụ Thuộc tính height trong CSS nằm trong bài viết Thuộc tính height trong CSS
  • ★★★★★ ★★★★★