css padding dan margin

pada dasarnya padding dan margin adalah pengatur jarak konten yang diterapkan dalam pembuatan css, yang memiliki perbedaan fungsi supaya lebih jelas lagi disini telah diulas
Pengertian dari CSS Border, padding dan margin itu adalah:

1. Border : Merupakan garis tepi dari komponen
2. Margin : merupakan ukuran jarak bagian luar atau ukuran jarak sesudah border
3. Padding : Menentukan jarak komponen body content ke border atau ukuran jarak bagian dalam

gambaran padding, margin, border

Cara penulisan dan penggunaan dalam kode CSS

Penulisan Border [CSS]
border:1px dotted #000000; artinya ukuran tebal border,
style border dan warna border dapat ditulis seperti ini:
border-width:1px; adalah nilai tebal border
border-style:dotted; adalah jenis border dan bisa anda ganti dengan dashed, solid, double,groove, ridge, inset, outset dan lainnya
border-color:#FFFFFF; adalah warna border dan anda bisa mengganti warnanya

Penulisan Margin [CSS]
margin:5px 5px 5px 5px; urutan nilai angka untuk atas, kanan, bawah dan kiri searah dengan jarum jam
atau
margin-left:5px; untuk mengatur margin bagian kiri
margin-right:5px; untuk mengatur margin bagian kanan
margin-top:5px; untuk mengatur margin bagian atas
margin-bottom:5px; untuk mengatur margin bagian bawah

Penulisan Padding [CSS]
padding:5x 5px 5px 5px; urutan nilai angka atas, kanan, bawah dan kiri
atau
padding-left:5px; untuk pengaturan padding bagian kiri
padding-right:5px; untuk pengaturan padding kanan
padding-top:5px; untuk pengaturan padding atas
padding-bottom:5px; untuk pengaturan padding bawah

Satuan dalam CSS yang dapat digunakan
1. Statik
in = satuan inchi
cm = satuan centimeter
mm = satuan milimeter
pt = satuan point (1 point = 1/72 inchi)
pc = satuan pica (1 pica = 12 point)
px = satuan pixel (satu titik gambar terkecil dalam layar monitor)

2. Relatif
% = satuan persen
em atau ems = 1em = ukuran font yang tengah ada dalam elemen
ex - 1ex = x-height suatu font (x-height biasanya setengah ukuran font)