W3.CSSLesson 50Preview gratis
W3.CSS Tooltips
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Tooltip adalah kotak keterangan kecil yang muncul ketika pengguna menempelkan kursor pada suatu elemen. W3.CSS mewujudkannya dengan kelas .w3-tooltip pada pembungkus, sedangkan isinya berupa span yang tampil lewat CSS :hover tanpa JavaScript. Tooltip bagus untuk informasi pelengkap, bukan untuk keterangan wajib.
Poin kunci
- Balut teks dengan .w3-tooltip lalu simpan keterangan pada span bersarang
- Tooltip muncul lewat aturan CSS :hover sehingga tidak perlu JavaScript
- Atribut title adalah alternatif tooltip bawaan browser
- Untuk pengguna keyboard, pastikan elemen dapat difokus
- Jangan menaruh informasi penting hanya di tooltip pada perangkat sentuh
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.