Jenis dan pengertian border untuk modifikasi CSS

ya dalam kesempatan kali ini saya akan membahas macam2 jenis Border ,  sebelum nya apa itu Border Style ?
border style adalah bentuk / style dari sebuah garis kolom , yang biasa di buat dengan code border : 3px solid #000;.

border juga mempunyai berbagai jenis di antara nya .
border di bawah ini saya beri warna biru dalam HTML #2003FF , dengan ukuran 7px .

• Border Solid

contoh code border solid adalah :
<div style="border: 7px solid #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Dotted

contoh code border dotted adalah :
<div style="border: 7px dotted #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Double

contoh code border double adalah : 
<div style="border: 7px double #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Groove

contoh code border groove adalah :  
<div style="border: 7px groove #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Dashed

contoh code border dashed adalah :   
<div style="border: 7px dashed #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Outset

contoh code border outset adalah :  
<div style="border: 7px outset #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Ridge

contoh code border ridge adalah :   
<div style="border: 7px ridge #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

• Border Inset 

contoh code border inset adalah :    
<div style="border: 7px inset #2003FF; height: 100px; text-align: center; width: 400px;">isi dalam border</div>

---

ya jadi itulah pengertian border dan jenis2 border , semoga artikel yang singkat ini dapat membantu .