Membuat Scroll Box
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.
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 :
Kode scroll box diatas adalah
Untuk mengubah warna border, ganti tulisan yang berwarna merah.
Setelah di ubah maka tampilannya berubah menjadi seperti yang di bawah ini.
-Contoh-
Untuk membuat Scroll box seperti ini silahkan copy kode yang tertera dibawah ini. Copy kan pada tab atau menu HTML
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 https://chalouiss.blogspot.com/2012/09/membuat-scroll-box.html?m=0. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Admin
Rating Blog 5 dari 5
