Scroll Boxes

alaman ini berisi kotak gulir. Jangan ragu untuk copy dan paste kotak scroll ke situs web Anda sendiri, blog, halaman MySpace, atau dokumen HTML lainnya. Dan merasa bebas untuk memodifikasi kode yang Anda inginkan.

Apa Gulir box?

Dalam HTML, kotak gulir biasanya sebuah kotak yang berisi teks, gambar, atau unsur-unsur lain, yang memungkinkan pengguna untuk menggulir jika isinya terlalu besar untuk kotak. Kotak gulir sering digunakan ketika Anda tidak ingin mengambil terlalu banyak ruang dengan konten Anda. Dengan membuat kotak scroll, Anda memungkinkan lebih banyak konten untuk masuk ke dalam ruang yang lebih kecil.

Jika Anda menemukan halaman ini sambil mencari teks bergulir / bergulir tenda, periksa ini teks bergulir, bergulir gambar, dan kode marquee lainnya.

Contoh berikut menunjukkan apa yang gulir HTML Kode kotak dasar tidak. Di sini, kita menempatkan teks ke dalam tag div. Tapi, kita memilih untuk mengubah div ke dalam kotak gulir. Kami melakukan ini dengan menggunakan overflow: scroll.

Dasar Scroll Box Kode

About Scroll Boxes

This is an example of an HTML scroll box.
Scroll boxes allow you to place lots of web content into a small box. You can force the box to have scroll bars so that the user can scroll down (or across) to view all of the content.

KODE

<div style="border:1px solid black;width:150px;height:150px;overflow:scroll;">
<h2>About Scroll Boxes</h2>
<p>This is an example of an HTML scroll box.</p>
<p>Scroll boxes allow you to place lots of web content into a small box. You can force the box to have scroll bars so that the user can scroll down (or across) to view all of the content.</p>
</div>

Contoh di atas hanyalah sekilas dari apa yang dapat Anda lakukan dengan kotak gulir HTML. Ada banyak hal lain yang dapat Anda lakukan dengan kotak gulir. Check out kode kotak scroll bawah untuk mendapatkan kotak gulir untuk website Anda!