ປະສານ Style marginTop

ການອະທິບາຍແລະການນໍາໃຊ້

marginTop ການຕັ້ງປະສານຫົວຂອງປະກອບຫົວ.

ປະສານ margin ແລະ ປະສານ padding ທັງສອງມີການເພີ່ມອາກາດອ້ອມຂອງປະກອບຫົວ. ແຕ່ການແຕກຕ່າງຢູ່ວ່າ, margin ມີການເພີ່ມອາກາດອ້ອມຂອງບານ, ແລະ padding ມີການເພີ່ມອາກາດພາຍໃນບານ.

ບໍ່ມີຫຍັງ:

ການສົນທະນາ CSS:ລ່າງຂອງ CSS

ປືກສາ CSS:ປະສານ margin-top:

ປືກສາ HTML DOM:ປະສານ margin

ຄວາມສະແດງ

ຕົວຢ່າງ 1

ການຕັ້ງ <div> ທີ່ກາງ marginTop:

document.getElementById("myDiv").style.marginTop = "50px";

ທົດລອງດີເອງ

ຕົວຢ່າງ 2

ການຕັ້ງ <div> ທີ່ກັບຄືນການຕັ້ງ marginTop ທີ່ "normal":

document.getElementById("myDiv").style.marginTop = "0px";

ທົດລອງດີເອງ

ຕົວຢ່າງ 3

ການຮັບຜິດຊອບສະໝອງກາງຂອງ <div>:

alert(document.getElementById("myDiv").style.marginTop);

ທົດລອງດີເອງ

ຕົວຢ່າງ 4

ຄວາມແຕກຕ່າງລະບົບ marginTop ແລະ paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

ທົດລອງດີເອງ

ວິທິດວິນຍານ

ການຮັບຜິດຊອບ marginTop:

object.style.marginTop

ການຕັ້ງປະສານ marginTop:

object.style.marginTop = "%|length|auto|initial|inherit"

ຄູ່ມູນລະບົບ

ຄູ່ມູນ ສະແດງການ
% ການຕັ້ງລະບົບຄວາມກວດສະຫ�າກທີ່ສະແດງສະໝອງທີ່ພາຍໃນລະດັບກວດສະຫ�າກຂອງປະກອບຫົວ.
length ການຕັ້ງລະບົບຄວາມກວດສະຫຼາກທີ່ມີຈຳນວນຄວາມລະດັບ.
auto ການຕັ້ງລະບົບບູຊີລະນາຍດີທີ່ກາງຂອງປະກອບຫົວ.
initial ການຕັ້ງລະບົບສຳລັບປະສານວ່າການອຳນວຍຄວາມຄົງທີ່. ບັນຊີວິດ: initial.
inherit ຂະຫຍາຍລະບົບສຳລັບປະສານວ່າການອຳນວຍຄວາມຂອງປະກອບຫົວຈາກປະກອບປົກກະຕິ. ບັນຊີວິດ: inherit.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມູນລະດັບຄົງທີ່: 0
ຄວາມຮັບຜິດຊອບ: ຄຳຂັດແຍ່ງທີ່ສະແດງສະໝອງກາງຂອງປະກອບຫົວ.
ລະບົບ CSS: CSS1

ການອະນຸຍາດບູຊີລ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ