Dengan properti CSS border-radius, kita bisa memberikan elemen “rounded corners”. Properti CSS border-radius Properti CSS border-radius mendefinisikan radius sudut elemen. Tip: Properti ini bisa membuat sudut membulat ke elemen! Contoh…
Category:
CSS
Pada pembahasan kali ini, kita akan menjelasakan tentang pseudo-class pada CSS. Apa itu pseudo-class dan bagaimana penerapannya pada CSS? Simaklah penjelasan berikut ini. Apa itu Pseudo-class? Pseudo-class di CSS digunakan…
Properti posisi pada CSS digunakan untuk menentukan jenis metode pemosisian yang digunakan untuk elemen (static, relative, fixed, absolute atau sticky). Properti Position Properti position menentukan jenis metode pemosisian yang digunakan…
Elemen Center Align Untuk memusatkan (centered) elemen block secara horizontal (seperti <div> ) gunakan margin: auto. Dengan mengatur lebar sebuah elemen akan mencegah elemen tersebut meregang hingga ke tepi conatiner.…
Halaman ini khusus berisi contoh penggunaan float yang umum digunakan pada sebuah coding. Dengan menggunakan properti float, mudah untuk membuat kotak mengapung secara berjajar: Apa itu box-sizing? Kita dapat dengan…
Pada kesempatan kali ini kita akan membahas salah satu pengaturan tata letak pada CSS yaitu properti clear dan clearfix . Apa itu properti clear dan clearfix pada CSS dan bagaimana…
Untuk mempercantik tampilan halaman web, pengaturan tata letak adalah hal yang penting salah satunya adalah pengaturan float sebuah konten. Lalu bagaimana caranya? Berikut contoh dan penjelasan tentang float. Properti float…
Apa itu Specificity? Jika ada dua atau lebih aturan CSS yang bertentangan dan mengarah ke elemen yang sama, browser akan mengikuti beberapa aturan untuk menentukan mana yang paling spesifik. Spesifikasi…
Unit CSS CSS memiliki unit yang berbeda-beda untuk mendeskripsikan satuan panjangnya. Banyak properti CSS menggunakan nilai “length”, seperti width, margin, padding, font-size, dll. Panjang CSS adalah angka yang diikuti dengan…
Mengatur tata letak pada CSS sangat sering menggunakan elemen block-level, namun penggunaan elemen block-level memiliki aturan default dimana elemen tersebut selalu mengambil lebar penuh (max-width) yang tersedia pada layar. Hal…