Hai, Jumpa lagi dengan saya 🙂 apa kaabarnya ? semoga baik yah, amin.
Pada artikel kali ini saya akan menjelaskan mengenai Jenis-jenis Border Pada CSS3, biasa nya ketika kita menggunakan border kita suka bingung border yang mana yang cocok untuk di gunakan, Nah dibawah ini beberapa contoh jenis border yang bisa digunakan, yuk cekidot !
1. Solid
<div style="border: 7px solid #f90; text-align: center; width: 400px; padding:20px">Jenis Border Solid</div>
2. Dotted
<div style="border: 7px dotted #f90; text-align: center; width: 400px; padding:20px">Jenis Border dotted</div>
3. Dashed
<div style="border: 7px dashed #f90; text-align: center; width: 400px; padding:20px">Jenis Border dashed</div>
4. Double
<div style="border: 7px double #f90; text-align: center; width: 400px; padding:20px">Jenis Border double</div>
5. groove
<div style="border: 7px groove #f90; text-align: center; width: 400px; padding:20px">Jenis Border groove</div>
6. Ridge
<div style="border: 7px ridge #f90; text-align: center; width: 400px; padding:20px">Jenis Border ridge</div>
7. Inset
<div style="border: 7px inset #f90; text-align: center; width: 400px; padding:20px">Jenis Border inset</div>
8. Outset
<div style="border: 7px outset #f90; text-align: center; width: 400px; padding:20px">Jenis Border outset</div>
Ok itu tadi beberapa jenis border pada CSS3, sampai disini jumpa kali ini semoga bermanfaat, amin.