CSS AdvancedLesson 50Preview gratis
CSS Border Images
Lesson ini bagian dari CSS · Semua level
Ringkasan
Border image memungkinkan kita memakai gambar sebagai bingkai elemen, bukan garis solid biasa. Gambar akan dipotong menjadi bagian sudut dan bagian tengah, lalu diulang atau direntarkan sesuai kebutuhan. Fitur ini berguna untuk bingkai dekoratif seperti panel dengan ornamen di sudutnya.
Poin kunci
- `border-image-source` menentukan gambar yang dipakai sebagai bingkai
- `border-image-slice` membagi gambar menjadi 9 bagian (4 sudut, 4 sisi, 1 tengah)
- `border-image-width` mengatur ketebalan area bingkai, `border-image-outset` bisa melebarnya ke luar border
- `border-image-repeat` mendukung `stretch`, `repeat`, dan `round`
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.