Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
CSS ( perbedaan property margin-top dan property top)
Apa perbedaan penggunaan margin-top dan top ? Keduanya sama - sama memberikan jarak atas.
3 Jawaban:
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