Membuat Scroll Box

Posted by Admin 0 komentar
     Scroll Box adalah sebuah kotak yang berisi teks, gambar, atau elemen lainnya, yang memungkinkan pengguna untuk menggulir jika isinya terlalu besar untuk kotak. Kotak gulir sering digunakan ketika Anda tidak ingin mengambil ruang terlalu banyak dengan konten Anda. Dengan membuat kotak scroll, Anda mengizinkan lebih banyak konten untuk masuk ke dalam ruang yang lebih kecil. 

-Contoh-
Untuk membuat Scroll box seperti ini silahkan copy kode yang tertera dibawah ini. Copy kan pada tab atau menu HTML



sobat bisa mengganti ukuran dan warna border scroll box dengan cara :

Height: 100px, menjadi 200px ( Sesuai keinginan sobat )
Width: 150px , Menjadi 250px ( Sesuai keinginan sobat )

Contoh :

Sebelum

Kode scroll box diatas adalah
<div style="border:8px inset LimeGreen;width:150px;height:100px;overflow:scroll;">Contoh</div>
Maka untuk mengubah ukuran box, ganti tulisan yang berwarna biru.
Untuk mengubah warna border, ganti tulisan yang berwarna merah.


Setelah di ubah maka tampilannya berubah menjadi seperti yang di bawah ini.

sesudah



TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Scroll Box
Ditulis oleh Admin
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://chalouiss.blogspot.com/2012/09/membuat-scroll-box.html. Terima kasih sudah singgah membaca artikel ini.
Template by Cara Membuat Email | Copyright of ChaLouiss|Blog.