Properti height dan width digunakan untuk mengatur tinggi dan lebar suatu elemen.
Properti ini tidak termasuk padding, border, atau margin elemen kecuali jika Anda menggunakan aturan box-sizing: border-box;.
CSS Height / Width
Dimensi Tinggi dan Lebar Elemen:
<!DOCTYPE html>
<html>
<head>
<style>
.banner {
width: 80%;
height: 120px;
background-color: #0d2e5c;
color: white;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
</style>
</head>
<body>
<div class="banner">
<h3>Lebar 80% & Tinggi 120px</h3>
</div>
</body>
</html>Gunakan satuan persen (%) untuk lebar agar elemen otomatis mengecil di layar yang lebih sempit.
Uji Pemahaman Singkat (Test Yourself):
Satuan ukuran apa yang membuat lebar elemen bersifat relatif terhadap ukuran elemen induknya?