Pengaturan Tinggi dan Lebar CSS Properti height dan width digunakan untuk mengatur tinggi dan lebar elemen. Properti tinggi dan lebar tidak termasuk padding, batas, atau margin. Properti ini mengatur tinggi…
Tag:
CSS
Rounded Image Gunakan properti border-radius untuk membuat gambar bulat Contoh 1 : Contoh 2: Gambar Miniatur Gunakan properti border untuk membuat gambar mini. Contoh 1: Contoh 2 : Gambar Responsif…
Properti CSS object-fit digunakan untuk menentukan bagaimana <img> atau <video> harus diubah ukurannya atau tidak disesuaikan dengan containernya. Browser Pendukung Property Google Chrome Microsoft Edge Mozila Firefox Safari Opera object-fit…
Kueri Media CSS – Contoh Lainnya Kueri media adalah teknik populer untuk mengirimkan style sheet yang disesuaikan ke perangkat yang berbeda. Untuk mendemonstrasikan contoh sederhana, kita bisa mengubah warna latar…
Flexbox Responsif Sebelumnya, kita telah mempelajari Media Queri, dimana media kueri dapat membuat layout yang berbeda untuk berbagai ukutan layar dan perangkat. Misalnya, jika kita ingin membuat tata letak dua…
User Interface Berikut ini properti CSS user interface yang akan kita pelajari : resize outline-offset Browser Pendukung Property Google Chrome Microsoft Edge Mozila Firefox Safari Opera resize 4.0 79.0 5.0…
Tata Letak Multiple Colums CSS Tata letak multi-kolom di CSS berfungsi untuk membuat beberapa kolom teks sesuai yang kita inginkan, seperti tampilan di koran. Properti CSS Multi-Column Berikut ini merupakan…
Ukuran Kotak CSS Properti CSS box-sizing berfungsi untuk kita memasukkan padding dan border dalam total lebar dan tinggi elemen. Tanpa Properti ukuran kotak CSS Secara default, lebar dan tinggi elemen…
Modul Layout CSS Flexbox Sebelum Modul Layout Flexbox, ada empat mode layout: Blokir, untuk bagian dalam halaman web Inline, untuk teks Tabel, untuk data tabel dua dimensi Positioned, untuk posisi…
Elemen Induk (Kontainer) Kontainer flex menjadi fleksibel dengan mengatur properti display menjadi flex: Berikut ini contoh sintaksisnya : Properti kontainer flex adalah: flex-direction flex-wrap flex-flow justify-content align-items align-content Properti flex-direction…