Ngatur Penampakan Elemen: Jurus display, visibility, dan opacity di CSS!
Udah bisa ngasih warna, bayangan, dan ngatur kotak elemen? Keren! Sekarang, gimana kalau kita mau ngatur gimana cara sebuah elemen itu tampil di halaman, atau bahkan nyembunyiin elemen sama sekali, atau bikin dia jadi transparan?
Nah, CSS punya beberapa properti andalan buat ngelakuin ini: display, visibility, dan opacity. Ketiganya sering dipake, tapi punya cara kerja dan efek yang beda-beda. Yuk, kita pahami satu per satu!
Properti display: Ngubah "Sifat" Dasar Elemen
Properti display ini salah satu properti CSS yang paling fundamental dan powerful. Dia nentuin gimana cara sebuah elemen itu diperlakuin dalam alur dokumen (document flow) dan gimana dia berinteraksi sama elemen lain di sekitarnya. Dengan display, kamu bisa ngubah "sifat" dasar sebuah elemen, misalnya dari yang tadinya inline jadi block, atau sebaliknya.
Beberapa nilai display yang paling umum dan penting buat diketahui:
