CSS TutorialLesson 9Preview gratis
CSS Borders
Lesson ini bagian dari CSS · Semua level
Ringkasan
Border adalah garis pembatas di sekeliling sebuah elemen. Setiap sisi border bisa diatur lebar (width), gaya (style), dan warna (color) secara terpisah, atau sekaligus memakai shorthand border. Gaya border yang umum dipakai antara lain solid, dashed, dotted, double, dan none.
Poin kunci
- Tiga komponen border: width (biasanya px), style (solid, dashed, dotted, double), dan color.
- Properti per sisi: border-top, border-right, border-bottom, border-left.
- Shorthand border: 2px solid #333333; mengatur ketiga komponen sekaligus.
- Border hanya tampil bila style-nya selain none; lebar nol juga membuatnya tidak terlihat.
- border-radius membulatkan sudut elemen.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.