Postingan

CSS Margin vs. Padding: Apa Bedanya?

Gambar
    Jika Anda baru mengenal CSS , Anda mungkin pernah mendengar kata margin dan padding tetapi tidak yakin apa artinya, atau bagaimana menggunakannya dalam desain situs web Anda. Konsep-konsep ini melakukan hal serupa di CSS. Namun, mereka tidak persis sama, dan ada perbedaan mendasar yang penting dalam penggunaannya. Setelah Anda sepenuhnya memahami perbedaan antara margin dan padding, Anda akan dapat membuat keputusan desain yang lebih baik untuk situs web Anda. Jadi mari kita lihat kedua properti ini dan apa fungsinya. Kami akan menyertakan banyak contoh visual untuk mengilustrasikan cara kerja komponen CSS yang penting ini. perbedaan antara margin dan padding di CSS? Di CSS, margin adalah ruang di sekitar batas elemen, sedangkan padding adalah ruang antara batas elemen dan konten elemen.  Dengan kata lain, properti margin mengontrol ruang  di luar  elemen, dan properti padding mengontrol ruang  di dalam  elemen. Mari jelajahi margin terlebih dahulu. Pertimbangkan elemen yang dii

Apa dan Bagimana Cara Penggunaan Border Radius?

Gambar
  4 min / Tips Coding / Border-radius  Dalam sebuah website, mungkin kamu pernah melihat sebuah elemen atau gambar yang bordernya (bagian tepinya) berbentuk elips (lengkungan) untuk membuat elemen atau gambar tersebut semakin menarik. Misalnya kamu bisa melihat pada gambar berikut. contoh border radius Atau seperti gambar berikut. Nah lengkungan di setiap sudut elemen pada gambar diatas tidak didesain khusus menggunakan aplikasi edit gambar tertentu. Namun dibuat menggunakan properti “Border Radius”. Apa Itu Border Radius? Border Radius merupakan properti untuk membuat suatu element memiliki tepian yang elips atau umumnya disebut sudut lengkungan. Dengan adanya properti border radius, kamu bisa berkreasi dengan menambahkan lengkungan-lengkungan halus di setiap sudut border, hingga memungkinkan kamu untuk membuat sebuah lingkaran. Biasanya, ada 4 jenis border radius yang bisa kamu gunakan. Border radius bagian kiri atas. Border radius pada bagian kanan atas. Border radius kiri bawah. Da