Penggunaan Margin pada Halaman Web - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Penggunaan Margin pada Halaman Web, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel css, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Penggunaan Margin pada Halaman Web
link : Penggunaan Margin pada Halaman Web

Penggunaan Margin pada Halaman Web

 

Margin (dalam pengertian CSS) adalah ruang disekitar elemen/konten. Margin akan membentuk daerah (ruang) vertikal dan horizontal antara elemen. Jika elemen/konten tidak memilki margin, maka elemen-elemen tersebut akan rapat bertemu terhadap satu sama lain. Agar margin bekerja dengan baik, elemen biasanya diikuti oleh posisi float atau diposisikan relative. Style ini sering diterapkan untuk dapat memindahkan elemen lain di sekitarnya.

 

Secara visual akan lebih mudah memahami definisi dari margin ini :

 

visualisasi pengertian margin

Margin dapat diatur menggunakan properti margin "shorthand" (yaitu istilah, yang mewakili empat nilai marjin untuk elemen) atau dengan penulisan stye "longhand". Untuk itu dibawah saya beri contoh beberapa penulisan margin dalam css.

Contoh penulisan margin pada suatu elemen ("shorthand")

#element { margin: 10px;}

Ini berarti elemen memilki margin yang sama "10px" untuk setiap sisi elemen

#element { margin: 10px 20px; }

Ini berarti elemen memiliki:
-margin-top, margin-bottom : "10px"
-margin-left, margin-right : "20px"

#element { margin: 10px 20px 5px 15px; }

Elemen ini memiliki -margin-top : 10px, margin-right: 20px,  margin-bottom : 5px, margin-left: 15px

Berikut penulisan margin style "longhand":

#element { margin-top: 10px; margin-right: 5px; margin-bottom: 5px; margin-left: 10px;}

 

Demikianlah Artikel Penggunaan Margin pada Halaman Web

Sekianlah artikel Penggunaan Margin pada Halaman Web kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Penggunaan Margin pada Halaman Web dengan alamat link https://dev-create.blogspot.com/2023/10/penggunaan-margin-pada-halaman-web.html