Kode untuk Scroll Box

Tau ngga' apa yang saya maksud dengan scroll box??
seperti ini nih:

Ini adalah contoh dari
S
C
R
O
L
L
B
O
X

mungkin dah banyak banget yang dah tau.. tapi saya posting ni buat yang lum tau aja..hehe
fungsinya banyak, untuk meletakkan kode-kode yang membuat postingan terlihat terlalu panjang, untuk meletakkan gambar, untuk . . yah pokoknya banyak deh..hehe
dari pada pusing dengan kata-kata saya, langsung aja y..^_^
nih kodenya:

<div style="overflow: auto;background- margin: 0px auto; padding: 5px; height: 100px;width: 94%;text-align: left;">Isi Scroll Box nya </div>

keterangan:

• overflow : kode untuk scrollbox nya. nilainya "scroll" / "hidden" / "auto".

scroll= untuk menampilkan scroll nya
hidden= untuk menyembunyikannya(tidak menampilkan), dan
auto= apabila panjang teks melebihi tinggi kotak scroll maka scrollnya akan muncul, dan sebaliknya, jika teksnya tidak melebihi maka scroll nya tidak muncul.

• background-color= warna background scrollbox nya, dapat anda isi dengan kode warnanya, atau isi dengan transparent jika anda ingin membuat warna background scrollbox sama dengan background belakangnya..

• margin= untuk mengatur batas antara border dengan sisi selector pada sebuah elemen. satuannya pixel..

jika hanya anda isi satu nilai, misal 10px, maka akan berfungsi untuk setiap sisi (atas, bawah, kanan, dan kiri).
jika diisi dua nilai, misal 10px 5px, maka nilai yang pertama akan berfungsi untuk sisi atas dan bawah, dan nilai yang kedua akan berfungsi untuk sisi kanan dan kiri.
jika diisi tiga nilai, misal 10px 5px 3px, maka nilai pertama akan berfungsi untuk sisi atas, nilai yang kedua akan berfungsi untuk sisi kanan dan kiri, dan nilai yang ketiga berfungsi untuk sisi bawah.
jika diisi empat nilai, sudah tau kan??he2x

• Padding= untuk mengatur jarak antara border dengan content pada sebuah elemen.

cara pengisian nilainya sama seperti margin

• height= untuk mengatur tinggi dari kotak scroll nya. satuannya pixel

• width= untuk mengatur lebar dari kotak scrollnya. satuannya juga pixel

• text-align= untuk mengatur rata teks. left / right / center / justify

Selesai . . .