Apa itu Tampilan Grid? Banyak halaman web didasarkan pada tampilan grid yang berarti halaman dibagi menjadi kolom. Menggunakan tampilan grid sangat membantu saat mendesain halaman web. Hal ini membuatnya lebih…
Category:
CSS
Selektor CSS Di CSS, selektor adalah pola yang digunakan untuk memilih elemen yang ingin menggunakan gaya(style). Berikut ini selektor yang ada di CSS : Selector Contoh Deskripsi Contoh .class .intro…
Fungsi CSS Fungsi CSS digunakan sebagai nilai untuk berbagai properti CSS. Function Deskripsi attr() Mengembalikan nilai atribut dari elemen yang dipilih calc() Memungkinkan kita melakukan penghitungan untuk menentukan nilai properti…
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…
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…