CSS Tutorial : Pengertian Margin Dalam CSS

0

Salam Hangat. Untuk seluruh keluarga indonesia..halah. Okey, apakah anda sudah tau apa itu Margin?Jika anda Menjawab margin adalah jarak dalam dari sebuah kotak. Anda Salah...Margin adalah jarak Luar Antara satu Kotak dengan kotak lainnya dalam sebuah web ber-CSS.

Langsung aja...



Margin Tergantung Posisi

Cara Penggunaan :
p {
margin-top: 12px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 12px;
}




Margin Paling Mudah

Cara Penggunaan :
p {
margin: 12px; /* Seluruh jarak luar 12px */
}
#a p {
margin: 10px 15px;
/* Jarak atas-bawah 10px, jarak kanan-kiri 15px */
}
#b p {
margin: 10px 5px 12px;
/* jarak atas 10px, kanan-kiri 5px, bawah 12px */
}
#c p {
margin: 1px 2px 3px 4px;
/* jarak atas 1px, kanan 2px, bawah 3px, kiri 4px */
inget atas-kanan-bawah-kiri searah jarum jam
}




Penggabungan Margin

Cara Penggunaan :
p {
margin: 5px; /* Semua berjarak 5px */
margin-top: 10px;
/*jarak atas 10px,
jadi yang dibaca yang paling akhir.
Tapi, yang atas tetap terbaca
*/
}


Margin Bisa juga Bernilai Negatif[jadi akan keluar dari semestinya]
#a {
margin-top: -30px;
margin-right: 30px;
}


Hasil :
Ayo kita coba ya.......
[sini]
Kegampangan.blogspot.com
Kegampangan.blogspot.com yang dikendalikan...Jadi berantakan...




Masih Gampang ? Makasih Telah Setia Belajar Bersama....