Membuat Scroll Bar

Kode HTML atau syntax untuk membuat scroll bar adalah seperti berikut:

<div style="overflow: auto; width: 400px; height: 300px">
Tulisan atau gambar yang akan diberi scroll bar
</div>

dimana:

overflow mempunyai beberapa nilai, antara lain visible, hidden, scroll dan auto.

width adalah lebar scroll bar yang dibuat, rubah nilainya sesuai keinginan.

height adalah tinggi scroll bar yang dibuat, rubah nilainya sesuai keinginan.

<div style="overflow: visible; width: 400px; height: 300px">

Nilai overflow adalah visible; overflow tidak terpotong, seluruh tulisan atau gambar akan terlihat dan keluar dari batasan dan menabrak tulisan atau gambar dibawahnya.

<div style="overflow: hidden; width: 400px; height: 300px">

Nilai overflow adalah hidden; overflow terpotong, tulisan atau gambar akan terlihat sebagian.

 

<div style="overflow: scroll; width: 400px; height: 300px">

Nilai overflow adalah scroll; overflow terpotong, dan scroll bar ditambahkan untuk melihat sisa tulisan atau gambar yang tersembunyi.

 

<div style="overflow: auto; width: 400px; height: 300px">

Nilai overflow adalah auto; overflow terpotong, dan scroll bar ditambahkan untuk melihat sisa tulisan atau gambar yang tersembunyi.

Referensi: www.w3schools.com/cssref/pr_pos_overflow.asp

Recent Posts :