Nilai display: inline-block Perbedaan utama antara display: inlain dan display: inline-block adalah dispaly inline-block memungkinkan untuk mengatur lebar dan tinggi pada elemen. Dan juga, dengan menggunakan display: inline-block, margin /…
Category:
CSS
Properti display pada CSS merupakan properti paling penting untuk mengontrol layout. Untuk itu, dibawah ini akan dijelaskan secara rinci tentang properti display bagaimana cara penerapannya dan fungsinya. Poperti Display Properti…
Gambar Sprites Sebuah gambar sprite adalah kumpulan gambar yang dimasukkan ke dalam satu gambar. Halaman web dengan banyak gambar membutuhkan waktu lama untuk dimuat dan menghasilkan banyak permintaan server. Menggunakan…
Tata Letak Situs Web Situs web biasanya dibagi menjadi 4 bagian yaitu, header, menu, konten, dan footer: Ada banyak desain tata letak yang berbeda untuk dipilih. Namun, struktur di atas,…
Elemen Style HTML Dengan Atribut Tertentu Elemen Style HTML yang dapat memberikan style pada elemen HTML yang memiliki atribut atau nilai atribut tertentu. Selektor [atribut] di CSS Selektor [attribute] digunakan…
CSS dapat digunakan untuk membuat galeri gambar. Galeri Gambar Galeri gambar berikut dibuat dengan CSS: Contoh : Kode di atas akan menghkasilkan gambar seperti di bawah ini : Contoh Lain…
Tampilan Form di HTML dapat di percantik dengan CSS Styling Input Fields Gunakan properti width untuk menentukan lebar kotak masukan: Contoh : Contoh di atas berlaku untuk semua elemen .…
Untuk memperindah tampilan tabel dalam halaman web, penggunaan CSS untuk membuat tabel terlihat lebih bagus sangat disarankan. Lalu seperti apa penerapan CSS pada tabel? Berikut akan saya bahas lebih lanjut.…
Bar Navigasi Vertikal Untuk membuat bar navigasi vertikal, kita dapat mengatur gaya elemen di dalam daftar, seperti contoh di bawah ini: Contoh : Penjelasan Kode: display: block; – Menampilkan tautan sebagai…
Bar Navigasi Horizontal Ada dua cara untuk membuat bar navigasi horizontal. Menggunakan item daftar sebaris atau mengambang. Item Daftar Sebaris Salah satu cara membuat bar navigasi horizontal adalah dengan menetapkan…