Properti overflow mengontrol apa yang terjadi pada konten yang terlalu besar untuk muat di dalam kotak dengan ukuran tetap.
visible : (Default) Konten meluber keluar dari batas kotak.hidden : Konten yang meluber dipotong rapi dan disembunyikan.scroll : Memunculkan scrollbar horizontal & vertikal secara permanen.auto : Otomatis memunculkan scrollbar hanya jika konten benar-benar meluber.<!DOCTYPE html>
<html>
<head>
<style>
.kotak-scroll {
width: 250px;
height: 100px;
background: #ffffff;
border: 2px solid #cbd5e1;
padding: 12px;
overflow: auto;
border-radius: 8px;
font-size: 0.85rem;
}
</style>
</head>
<body>
<div class="kotak-scroll">
Paragraf yang sangat panjang ini memiliki banyak teks di dalamnya. Karena tinggi kotaknya dibatasi hanya 100px, browser secara otomatis memunculkan scrollbar di samping kanan sehingga pengunjung tetap dapat menggulir dan membaca seluruh isi pesan tanpa merusak tata letak di sekitarnya.
</div>
</body>
</html>Gunakan overflow: hidden; jika Anda ingin memotong gambar yang berukuran lebih besar dari kartu wadahnya.
Nilai overflow apa yang memunculkan scrollbar secara otomatis hanya ketika konten melebihi kapasitas wadahnya?