CSS Layouting : Box model (margin)


    margin adalah bagian terluar dari element 


cara pakai margin

    margin mempunyai 4 properti

    - margin-top

    - margin-right

    - margin-left

    - margin-bottom

contoh :


    Diatas saya sudah mempunyai HTML dan CSS. jika kotak satu diberi margin-top: 40px; maka kotak satu akan turun kebawah 40px


    jika kotak satu ditambahkan margin-left: 100px; maka kotak satu akan bergeser kekanan 100px


     jika kotak satu ditambahkan margin-bottom: 40px; maka kotak satu akan turun kebawah 40px


     jika kotak satu ditambahkan margin-left: 40px; maka dalam display tidak terjadi apa-apa padahal sebenarnya ada ruang dikanan sebesar 40px.




Komentar