margin-top
Properti CSS margin-top digunakan untuk menentukan lebar area atas kotak margin elemen.
Jadi, properti ini menentukan area ruang yang diperlukan di bagian atas elemen, di luar batas yang ditentukan.
Setiap elemen pada halaman web adalah persegi panjang.
Dan setiap elemen memiliki model kotak persegi panjang yang menggambarkan area yang di hasilkan untuk elemen, yaitu: content box, padding box, border-box, dan margin box.
Content box ada pada setiap elemen. Sedangkan padding, border, dan margin box merupakan opsional yang keberadaannya tergantung pada layout desain halaman web yang dibuat oleh web developer.
Model kotak elemen dalam CSS — termasuk area konten, padding, border, dan margin.
Properti margin-top tidak berpengaruh pada elemen inline yang tidak diganti. Periksa artikel tentang
display untuk detail tentang elemen inline dan lainnya.
CSS Syntax
margin-top: length | auto | initial | inherit;
JavaScript Syntax
object.style.marginTop="100px"
| Default value: | 0 |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS1 |
Attribute Value
default
margin-top: 0;
margin-top: 30px;
margin-top: 2em;
Kamu dapat menggunakan nilai (r)em.
Nilai ini relatif terhadap ukuran font:
- em: relatif terhadap ukuran font elemen saat ini
- rem: relatif terhadap
<html>ukuran font elemen root
margin-top: 10%;
Kamu dapat menggunakan nilai persentase.
Persentase didasarkan pada lebar wadah.