CSS ( perbedaan property margin-top dan property top)

margin-top: https://www.w3schools.com/cssref/pr_margin-top.asp top: https://www.w3schools.com/cssref/pr_pos_top.asp

Kalo margin-top : Menghitung margin(batas/jarak) atas suatu element dari element lain, misal :

 <div>
<button style="margin-top:10px">Tombol</button>
</div>

Button/tombol diatas memiliki batas/jarak atas 10px dari element parent (div). Sedangkan top : Mengitung jarak atas suatu element dari satu halaman, misal :

 <button style="top:10px">Tombol</button>

Button/tombol diatas memiliki jarak atas 10px dari halaman browser.

*Note : Untuk bisa melihat hasil top secara maksimal, gunakan position absolute atau fixed.

Terima kasih @aizens dan @elmahbub Saya setuju penggunaan margin memberikan jarak pada elemen parrentnya. Khusus untuk penjelasan property Top, bukankah halaman browser juga termasuk elemen parrent ? Untuk sementara saya masih mengasumsikan bahwa perbedaan margin top dan top :

1. Penggunaan property top digunakan ketika kita memeberikan position 2. Penggunaan margin top digunakan ketika kita tidak memberikan position

Tapi tetap saja masih bingung :D