CSS TutorialLesson 14Preview gratis
CSS Outline
Lesson ini bagian dari CSS · Semua level
Ringkasan
Outline mirip border, yaitu garis yang mengelilingi elemen, tetapi outline berada di luar elemen dan tidak memengaruhi tata letak. Outline sering dipakai sebagai penanda fokus agar pengguna keyboard tahu elemen mana yang sedang dipilih. Properti utamanya outline-width, outline-style, outline-color, serta outline-offset.
Poin kunci
- Outline berada di luar border dan tidak memengaruhi posisi atau ukuran elemen.
- Properti utamanya outline-width, outline-style (solid, dashed, double), dan outline-color.
- outline-offset menambah jarak antara outline dengan border elemen.
- Bentuk shorthand outline: 3px solid #f59e0b; menggabungkan ketiga komponen.
- Menghapus outline fokus dengan outline: none tanpa pengganti menurunkan aksesibilitas.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.