Membezakan kedua dengan panduan ini
Sekiranya anda tidak tahu perbezaan antara padding dan margin, anda tidak bersendirian. Ia adalah soalan yang kerap ditanya dan telah menimbulkan banyak pereka web . Dengan tutorial cepat ini, belajar membezakan antara kedua-dua.
Memahami Perbezaan
Margin dan padding boleh mengelirukan pereka web baru dan kadangkala pereka bahkan dengan lebih banyak pengalaman. Lagipun, dalam beberapa cara, mereka kelihatan seperti perkara yang sama: ruang putih di sekeliling imej atau objek.
Padding hanyalah ruang di dalam sempadan antara sempadan dan imej sebenar atau kandungan sel. Dalam imej, padding adalah kawasan kuning di sekeliling kandungannya. Perhatikan bahawa padding berjalan sepenuhnya di sekitar kandungan. Anda akan mendapati padding di bahagian atas, bawah, kanan dan kiri.
Di sisi lain, margin adalah ruang luar sempadan, antara sempadan dan unsur-unsur lain di sebelah objek ini. Dalam imej, margin adalah kawasan wite di luar seluruh objek. Perhatikan bahawa, seperti padding, margin itu akan meluap sepenuhnya kandungannya. Terdapat margin di bahagian atas, bawah, kanan dan kiri.
Tips berguna
Perlu diingat bahawa jika anda merancang untuk melakukan perkara yang sangat mewah dengan margin dan padding yang sesetengah pelayar, seperti Internet Explorer, tidak melaksanakan model kotak dengan betul. Ini bermakna laman anda akan kelihatan berbeza (dan kadang-kadang jauh berbeza) di pelayar lain.