Pengertian Padding Dan Margin CSS

Advertisement

Advertisement

Padding vs Margin

Padding merupakan jarak dalam antar elemen, seperti gambar di atas (  ) .

Berbeda dengan margin, margin kebalikan dari padding. Margin merupakan jarak elemen luar dari suatu elemen css .

Bagaimana cara membedakan mana padding dan margin pada CSS ?

Sangat mudah, silahkan coba kode berikut dari virtual http server. Baca Cara Cepat Install Xampp & Setting Xampp Lengkap .

Coba Padding

Silahkan tulis coba kode berikut .

.paddingCoba{ padding:4px; }

Hasil :

Ini adalah padding hafid-it.blogspot.com

Coba margin

Silahkan coba kode berikut .

.block{ border:1px solid orange; } .marginCoba{ border:1px solid red; margin:5px; }

Hasil :

Ini margin hafid-it.blogspot.com

- Jika anda tidak mencoba karena materi, maka pasti anda akan merasa kebingungan . Tetapi sebaliknya, jika anda melakukan dengan cara do action, pelajaran yang anda pelajari akan semakin mudah .

Advertisement

Advertisement