#7 Property: Border

Hello folks. Apa kabar? I changed the blog's layout, hope you like it ya. Pada kesempatan kali ini kita akan belajar tentang BORDER... TEREEETTT!!

Border itu garis tepi. Yeah, kamu pasti sudah tahu, karena border ini ada di berbagai aplikasi office seperti Microsoft Word atau Powerpoint. Yak seperti itulah. Langsung saja ya.

GENERAL (property: value)

border: value border (dijelaskan di bawah)

BORDER (property: value)

border-width: besar border (pakai px)
border-style: style border (dashed, double, groove, dotted, inset, outset, ridge, solid, none)
border-color: warna border

---

Nah, untungnya di materi border kali ini penggunaannya mudah sekali. Misalnya untuk kode seperti ini:

contoh1 {
border-width: 2px;
border-style: dashed;
border-color: #666666;
}

Mungkin kalian berpikir, "Repot dong kalau satu-satu, apa nggak bisa disatuin aja?" Gampang! Kamu hanya perlu menghilangkan propertynya. Sehingga kodenyapun menjadi seperti ini:

contoh2 {
border: 2px dashed #666666;
}

Gampang, kan? Untuk materi ini saya nggak akan kasih contoh untuk pengaplikasiannya, karena mudah sekali. Untuk contoh kamu bisa pakai kode yang ada di post sebelumnya. But still, be creative, ciptakan kodemu sendiri! Happy coding!

.ulaai