Apa itu Viewport? Viewport adalah area halaman web yang terlihat oleh pengguna. Viewport bervariasi dengan perangkat dan akan lebih kecil di ponsel daripada di layar komputer. Sebelum tablet dan ponsel…
Tag:
CSS
Apa itu Desain Web Responsif? Desain web responsif dapat membuat halaman web kita terlihat bagus di semua perangkat. Desain web responsif hanya menggunakan HTML dan CSS. Desain web responsif bukanlah…
Menggunakan Properti lebar Jika properti width disetel ke 100%, pemutar video akan responsif dan meningkatkan dan menurunkan skala: Contoh : Perhatikan bahwa pada contoh di atas, pemutar video dapat ditingkatkan…
Menggunakan Properti width Jika properti width disetel ke persentase dan tinggi disetel ke “otomatis”, gambar akan responsif dan skala naik dan turun: Contoh : Perhatikan bahwa pada contoh di atas,…
Referensi CSS Dengan Dukungan Browser Tabel di bawah ini mencantumkan semua properti CSS dengan setiap properti yang didukung oleh browser yang berbeda, angka di bawah menunjukkan versi browser yang mendukung…
Properti CSS A align-content Menentukan keselarasan antara garis di dalam wadah fleksibel ketika item tidak menggunakan semua ruang yang tersedia align-items Menentukan penyelarasan untuk item di dalam konotainer fleksibel align-self…
Elemen Anak (Item) Sebuah kontainer grid berisi item grid. Secara default, sebuah kontainer memiliki satu item grid untuk setiap kolom di setiap baris, tetapi kita bisa mengatur gaya item grid…
Kontainer Grid Untuk membuat elemen HTML berperilaku sebagai kontainer grid, kita harus menyetel properti display ke grid atau grid-inline. Kontainer Grid terdiri dari item grid dan ditempatkan di dalam kolom…
Grid Layout Modul Grid Layout CSS berfungsi untuk memudahkan kita dalam mendesain halaman web dengan baris dan kolom tanpa menggunakan float dan pemosisian. Browser Pendukung Google Chrome Microsoft Edge Mozila…
CSS Rounded Borders Properti border-radius digunakan untuk menambahkan border bulat ke elemen: Contoh : Properti Border CSS Properti Deskripsi border Mengatur semua properti border dalam satu deklarasi border-bottom Mengatur semua…