Assalamualaikum wr wb .
Salam IT mari kita selalu bahas gali sedalam - dalamnya tentang CSS untuk memperindah tampilan web/blog .Selanjutnya saya akan membahas tentang Margin,Paddng dan Model Kotak . berikut penjelasan dan beberapa contoh penerapan .
- Margin-CSS
CSS memiliki sifat untuk menentukan margin untuk setiap sisi elemen:
margin-topmargin-rightmargin-bottommargin-left
 |
| Script Penerapan margin dengan pembagian masing - masing sisi |
 |
| Script tag penerapan margin menjadi satu kelompok |
 |
| Hasil dari Script 1 |
- Padding-CSS
Padding membersihkan area disekitar konten (dalam perbatasan dari elemeen.
Dengan CSS, teman - teman memliki kontrol penuh atas padding. Pengaturan padding untuk setiap sisi elemen (atas,bawah,samping kanan,kiri).
CSS memiliki sifat untuk menentukan padding untuk setiap sisi elemen:
padding-toppadding-rightpadding-bottompadding-left
 |
| Script Penerapan padding dengan pembagian masing - masing sisi |
 |
| Script tag penerapan margin menjadi satu kelompok |
 |
| Hasil dari Script 1 |
- Mengatur Panjang dan Lebar Element
 |
| Script Pengaturan panjang dan lebar elemen |
 |
| Hasil Script 1 |
- Model Kotak
Kotak CSS Model pada dasarnya adalah sebuah kotak yang membungkus di sekitar setiap elemen HTML. Ini terdiri dari: margin, perbatasan, padding, dan konten yang sebenarnya. Gambar di bawah mengilustrasikan model kotak:
Terimakasih, Wassalamualaikum wr.wb
EmoticonEmoticon