Padding,border,margin pada css

Apa maksud-- Padding, Margin Dan Border pada CSS .Seringkali kita melihat perkataan padding, margin dan border ini pada Layout---edit html.Sebelum saya menerangkan dgn lebih jauh, lihat dulu gambar dibawah ini .

Nah dari gambar diatas kita dapat menyimpulkan seperti dibawah;

Padding : Menentukan jarak body content ke border atau Ukuran jarak bagian dalam
Border : Adalah garis tepi dari komponen padding
Margin : Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah Border

Cara Penggunaan

Padding
ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya adalah atas, kanan, bawah dan kiri, (ikut arah jam)atau boleh menggunakan arahan:-
padding-left:5px; ini adalah untuk pengaturan padding bagian kiri
padding-right:5px; ini adalah untuk pengaturan padding kanan
padding-top:5px; untuk bagian atas dan
padding-bottom:5px; untuk bagian bawah, Ingat px adalah ukurannya dalam pixels.

Border
Ditulis dengan CSS border:1px dotted #000000; urutan penggunaanya adalah ukuran border, style border dan warna border, atau boleh menggunakan arahan:-
border-width:1px; ini adalah ketebalan border
border-style:dotted; ini adalah jenis bordernya boleh diganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini adalah warna dari border.. kamu bisa menggantin kod warnanya (www.colorschemer.com/online)

Margin
Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, (ikut arah jam)
margin-let:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
keterangan lainya bisa mengikuti keterangan padding diatas.


Style Border

Dotted style

dashed

solid

double

groove

ridge

inset

Satuan Dalam CSS

1. Statik

* in -- satuan inchi * cm -- satuan centimeter * mm -- satuan milimeter * pt -- satuan point (1point = 1/72 inchi) * pc -- satuan pica (1pica = 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)

Mungkin artikel dibawah yang sedang anda cari