CSS AdvancedLesson 73Preview gratis
CSS User Interface
Lesson ini bagian dari CSS · Semua level
Ringkasan
Pelajaran ini membahas properti antarmuka pengguna seperti `resize` yang membuat elemen bisa diubah ukurannya, `outline` yang menandai fokus tanpa mengubah tata letak, dan berbagai nilai `cursor`. Ada juga `appearance` untuk mengurangi gaya bawaan browser serta `box-sizing` yang memengaruhi perhitungan ukuran. Semuanya berguna untuk membuat kontrol yang terasa nyaman digunakan.
Poin kunci
- `resize: both` mengaktifkan penjepit ukuran, namun memerlukan `overflow` selain `visible`
- `outline` mengikuti tepi elemen tanpa memengaruhi tata letak di sekitarnya
- `outline-offset` menggeser outline keluar atau masuk dari tepi elemen
- `cursor` seperti `pointer`, `grab`, dan `not-allowed` memberi isyarat fungsi elemen
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.