overflow
berfungsi untuk menampilkan atau tidak menampilkan elemen yang melebihi dari ukuran wadahnya.
Untuk lebih jelasnya, dapat dilihat pada contoh dibawah:
overflow-auto
Konten dapat dilihat dengan cara scrolling!
overflow-scroll
Konten dapat dilihat dengan cara scrolling!
overflow-hidden
Konten dapat dilihat dengan cara scrolling!
<div class="overflow-auto">
<!-- konten -->
</div>
<div class="overflow-scroll">
<!-- konten -->
</div>
<div class="overflow-hidden">
<!-- konten -->
</div>
overflow
dapat diterapkan pada sumbu X
atau sumbu Y
.
Contohnya:
sumbu-X
sumbu-Y
auto
Elemen akan mementukan secara otomatis penanganan konten yang melebihi ukuran wadahnya.
scroll
Wadah akan langsung merespon konten yang berlebih dengan memberikan hak scrolling.
hidden
Wadah tidak akan menampilkan konten yang melebihi ukuran dari wadahnya.