Cara Membuat Scrool Box Border

Assalamualaikum .Wr.Wb

Kali ini saya akan share beberapa contoh "scrool box border"...teman-teman bisa mengkreasikan sendiri sesuai dengan keinginan teman-teman...silahkan simak baik-baik...hehhehehe
dalam membuat scrool box border kita perlu memperhatikan dasar² kode HTML seperti berikut ini:

1. '<div>..........</div>' =>>Tag pembuka dan Tag penutup
2. 'height'                      =>>Tinngi pada tabel (px)
3. 'width'                      =>>Lebar pada tabel (px)
4. 'overflow'                 =>>widget memiliki ukuran dan tampilan yg lebih rapi.
   Overflow biasanya di barengi dengan  :
   • 'visible' = standar 
   • 'hidden' = tidak memiliki fungsi scroll 
   • 'scroll'   = memiliki fungsi melihat sisa isi 
   • 'auto'     = fungsi scroll otomatis
     misal : <div style='overflow:visible/hidden/auto/scroll; height:100px;'>
5. 'Border'                     =>>untuk memberi batas/garis(seperti) pada suatu bidang/box/tag html.
6. 'color/warna'              =>>untuk memberi warna pada suatu tabel/box/tag html.

Berikut beberapa contoh scrool box border :

•   Grooved Borders

<div style="height:60px;width:400px;overflow:scroll;border:9px groove silver;">x-17072.blogspot.com"cara membuat scrool box</div>

• Thick Border

<div style="height:60px;width:400px;overflow:scroll;border:9px solid violet;">x-17072.blogspot.com"cara membuat scrool box</div>

• Dotted Border

<div style="height:60px;width:400px;overflow:scroll;border:9px dotted #0ADA0A;">x-17072.blogspot.com"cara membuat scrool box</div>

• Dashed Border

<div style="height:60px;width:400px;overflow:scroll;border:9px dashed blue;">x-17072.blogspot.com"cara membuat scrool box</div>

• Double Borders

<div style="height:60px;width:400px;overflow:scroll;border:9px double yellow;">x-17072.blogspot.com"cara membuat scrool box</div>

• Outset Borders

<div style="height:60px;width:400px;overflow:scroll;border:9px outset gold;">x-17072.blogspot.com"cara membuat scrool box</div>

• Mixed Borders

<div style="height:60px;width:400px;overflow:scroll;border-top:7px dashed gren;border-right:7px dotted violet;border-bottom:7px dashed red;border-left:8px solid gold;">x-17072.blogspot.com"cara membuat scrool box</div>

Demikian lah yang dapat saya share kali ini,,,semoga bisa bermanfaat untuk semua mahkluk baik nyata maupun ghaib....hehehe
Selamat untuk mencoba teman,,Semoga sukses.

Wassalamualaikum.Wr.Wb

Note : "Jadilah yang terbaik diantara yang paling baik"