Walaupun kita tahu kedua kode ini yang pasti untuk mengatur jarak text atau apapun itu muatannya, dari ke empat sisi atas bawah kanan dan kiri lokasi keberadaannya.
Margin dan padding paling banyak digunakan untuk post artikel box atau tabel dan beberapa System menu terutama pada susunan daftar menu.
Fungsi keduanya adalah sama yaitu untuk mengatur jarak dari ke empat sisi atas bawah kanan dan kiri dari lokasi keberadaannya dan yang membedakannya adalah penggunannya dan tempatnya.
Padding adalah untuk mengatur jarak sisi dalam dan Margin untuk mengatur jarak sisi luar, jarak dalam dan luar yang bagaimana ?
Jarak luar adalah, jarak antara Body box/tabel dengan body layout menu. Sementara Jarak dalam adalah jarak masing-masing sisi body tabel dengan text atau apapun itu isi di dalam tabel.
Padding adalah untuk mengatur jarak sisi dalam dan Margin untuk mengatur jarak sisi luar, jarak dalam dan luar yang bagaimana ?
Jarak luar adalah, jarak antara Body box/tabel dengan body layout menu. Sementara Jarak dalam adalah jarak masing-masing sisi body tabel dengan text atau apapun itu isi di dalam tabel.
Selain itu margin juga untuk megatur jarak baris atas bawah antara text. Kenapa menggunkan margin tidak enter/spasi saja ?
Untuk penggunaan dalam system ada beberapa hal yang tidak memfungsikan enter sebagai jarak ganti baris atau kode /br, maka itu di gunakan margin.
Dengan kedua gambar di atas saya rasa sudah cukup jelas dan tidak perlu di jelaskan satu persatunya mana itu padding dan mana itu margin, kita sama-sama belajar yah.
Ada beberapa jenis system penulisan margin dan padding.
1. padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;
2. padding: 5px 5px 5px 5px
3. padding: 5px 5px 5px
4. padding: 5px 5px
5. padding: 5px
1. margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;
2. margin: 5px 5px 5px 5px
3. margin: 5px 5px 5px
4. margin: 5px 5px
5. margin: 5px
Pada system tabel akan di gunakan kedua nya yaitu margin dan padding , margin untuk memberi batas luar yaitu body tabel dengan body area letak tabel sementara padding untuk mengatur jaraj muatan dalam tabel terhadap body tabel.
Pertama :
Pemberian kode jarak dengan memberikan keterangan nama sisi nya (top,bottom,left,right) digunakan apabila hanya satu sisi saja yang di butuhkan jarak, system ini akan sedikit lebih jelas dan lebih cepat untuk di pahama fungsi letak sisi yang di beri jarak. kode jarak cukup salahsatu saja biasanya padding-top: 5px; atau padding-left: 5px dan margin-top: 5px atau margin-left.
Kedua :
empat kode: 5px 5px 5px 5px
Kode seperti ini sudah umum dan mudah di mengerti, yaitu sudah pasti masing-masing angka mewakili jarak dari batas empat sisi, serah dengan putaran jarum jam dimulai dari sisi atas 5px kanan 5px bawah 5px kiri 5px, empat kode digunakan apa bila kita akan memberikan jarak berbeda-bede dari masing masing sisinya.
Ketiga :
tiga kode: 5px 5px 5px
Bagaimana dengan yang hanya memiliki tiga kode seperti ini, tak jarang juga kode seperti ini bnyak di temukan pada kode-kode script.
Fungsingnya sama, 5px pertaman memberi jarak sisi atas, 5px kedua jarak kanan dan kiri dan, 5px ke tiga membari jarak bawah, semantara tida kode untuk mempersingkakat kode, dimana kita akan memberikan kode berbeda dari sisi atas dan bawah sementara jarak sisi kanan dan kiri di beri jarak sama tapu berbeda dengan sisi atas dan bawah.
Keempat :dua kode: 5px 5px
Sementara yang terdiri dua kode seperti ini masing masing mewakili dusa sisi 5px untuk sisi atas dan bawah kode 5px ke dua memberi batas kanan dan kiri. dua kode untuk lebih mempersikat lagi ya itu hanya untuk memberikan jarak berbeda sisi atas dan bawah sama tapi berbeda dengan sisi kanan dan kiri.
Kelima :
satu kode: 5pxKeempat :dua kode: 5px 5px
Sementara yang terdiri dua kode seperti ini masing masing mewakili dusa sisi 5px untuk sisi atas dan bawah kode 5px ke dua memberi batas kanan dan kiri. dua kode untuk lebih mempersikat lagi ya itu hanya untuk memberikan jarak berbeda sisi atas dan bawah sama tapi berbeda dengan sisi kanan dan kiri.
Kelima :
Sementara satu kode berlaku untuk semua emapt sisi, atas kanan kiri dan atas