Halo sobat blogger pemula kali ini saya akan membahas tutorial tentang pengertian padding, margin dan border memang dalam dunia blogger kita harus mengetahui pengertian ini di karenakan bila kita edit template kita, dan kita ingin modifikasi kita tidak tahu apa yang ada disitu apalagi yang pemula ( seperti saya ini ) oke mari kita bahas satu persatu, kalau anda tidak tau apa itu padding margin dan border lihat gambar ini
1. Padding
Padding adalah jarak bagian dalam, coba lihat pada gambar padding berada dimana itulah maksudX bagian dalam, di bawah ini kode Padding yang di tulis secara berurutan
Padding:5px 5px 5px 5px;
| KODE PADDING | PENGERTIAN KODE PADDING |
|---|---|
| padding-top:5px; | Pengaturan Padding / Jarak dalam bagian atas |
| padding-right:5px; | Pengaturan Padding / Jarak dalam bagian kanan |
| padding-bottom:5px; | Pengaturan Padding / Jarak dalam bagian bawah |
| padding-left:5px; | Pengaturan Padding / Jarak dalam bagian kiri |
2. Border
Border adalah garis yang membuat jarak juga lihat pada gambar
Contoh : border:1px dotted #000000;
Itu kode nya secara berurutan, jika di belah - belah maka kodenya akan jadi seperti ini
| KODE BORDER | PENGERTIAN KODE BORDER |
|---|---|
| border-width:1px; | lebar border |
| border-style:dotted; | Jenis bordernya |
| border-color:#000000; | Warna dari border |
3. Margin
Margin adalah jarak bagian luar elemen, lihat pada gambar
Contoh margin:5px 5px 5px 5px;
| KODE MARGIN | PENGERTIAN KODE MARGIN |
|---|---|
| margin-top:5px; | Pengaturan margin / Jarak luar bagian atas |
| margin-right:5px; | Pengaturan margin / Jarak luar bagian kanan |
| margin-bottom:5px; | Pengaturan margin / Jarak luar bagian bawah |
| margin-left:5px; | Pengaturan margin / Jarak luar bagian kiri |
