W3.CSSLesson 9Preview gratis
W3.CSS Display
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Kelas display mengontrol apakah sebuah elemen tampil sebagai blok, inline, atau bahkan disembunyikan sama sekali. W3.CSS menyediakan w3-block, w3-inline, w3-inline-block, w3-show, w3-hide, serta varian responsif w3-hide-small dan w3-hide-medium. Selain itu ada class w3-display-* untuk menempatkan konten di sudut atau tengah container.
Poin kunci
- w3-block membuat elemen menjadi blok selebar penuh
- w3-inline dan w3-inline-block mengatur perilaku elemen di antara teks
- w3-hide dan w3-show menyembunyikan atau menampilkan elemen
- w3-hide-small, w3-hide-medium, dan w3-hide-large menyembunyikan berdasarkan ukuran layar
- w3-display-* menempatkan konten di posisi tertentu dalam container
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.