PakKoding Edukasi Teknologi
Masuk Daftar
Kembali ke Pilih Materi
Progres Kursus 0%
CSS

Garis Tepi (Borders & Outlines)

Menambahkan dan membentuk garis di sekitar elemen.

Penjelasan Lengkap

Properti border memungkinkanmu menentukan gaya, lebar, dan warna garis tepi elemen.

border-style : Wajib ada! Nilainya bisa berupa "solid" (garis lurus), "dashed" (putus-putus), atau "dotted" (titik-titik).
border-radius : Digunakan untuk membuat sudut kotak menjadi melengkung atau bulat.
Outline : Mirip seperti border, tapi digambar di luar border dan tidak memakan ruang (tidak menambah ukuran kotak).
Contoh Kode
<style>
    .kotak-lengkung {
        border: 2px solid blue;
        border-radius: 10px;
        outline: 2px dashed red;
    }
</style>
<div class="kotak-lengkung">Kotak dengan Garis</div>
Hasil Tampilan
Hasil Preview
Tugas Praktik (Pertanyaan)

Properti apa yang digunakan untuk membuat sudut sebuah elemen menjadi melengkung atau bundar?