Tuesday, September 6, 2011

CSS – Margin, Border, Padding dan Content

  saya ingin menshare ilimu saya tentang padding,margin,border mungkin sedikit basi memng tapi ya... sekali kali ngulang yang sama juga gak apa, namanya saja jug belajar jadi gak dibaca sekali saja harus di baca berkali kali gar tak lupa. berikut gambar untuk menjelaskannya.  
mungkin tidak perlu saya jalskan anda sudah paham.andakan sudah mastah.... hehehehe. berikut  penjelaskan fungsi masih-masing
margin berfungsi untuk mengatur antara tag satu dengan tag yang lain.
content : isi dari blog bisa text,gambar video
border : memberi bingkai pada  content..
Padding: Mengatur jarak antara Border dengan Content

style padding dan margin biasanya dipakai seperti ini
<div style=”margin: 1 2 3 4; padding 5 6 7 8″></div>
1 = 5 (jarak top)
2 = 6 (jarak right)
3 = 7 (jarak bottom)
4 = 8 (jarak left)
atau seperti ini
margin: 1 2 3;
1 jarak top, 2 jarak right dan left, 3 jarak bottom

margin: 1, 2;
1 jarak top dan bottom, 2 jarak right dan left

margin: 1;
jarak top, bottom, right dan left sebesar nominal angka 1
border seoerti ini :
itu berarti border atas berbentuk solid, setebal 1 px dan berwarna hijau. Untuk border sisi yang lain (left, right, bottom) tinggal ganti saja. Kalo cuman border tanpa embel-embel berarti berlaku secara keseluruhan.

0 comments:

Post a Comment