Dokumentasi  


Tata Letak & Komponen
Tipografi
Eksploitasi

Dibuat dengan oleh tim BebyKit.
HawariMuflihMunte
v1.0.3

Overflow


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!

Text Editor _
index.html
<div class="overflow-auto">
    <!-- konten -->
</div>

<div class="overflow-scroll">
    <!-- konten -->
</div>

<div class="overflow-hidden">
    <!-- konten -->
</div>
Tambahan

overflow dapat diterapkan pada sumbu X atau sumbu Y.
Contohnya:

sumbu-X

overflow-x-hidden

sumbu-Y

overflow-y-hidden

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.