Style marginBottom 属性

ການສະແດງຄວາມຫຼືການຈັດການ

marginBottom ຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງຂອງປະກອບສ່ວນ.

ຄວາມຈັດການ ແລະ ຄວາມຈັດການ padding ທັງສອງກຳລັງປະກອບບັນດາບານການອອກສຽງຂອງປະກອບສ່ວນຈາກປະກອບສ່ວນ. ແຕ່ວ່າ margin ຈະປະກອບບັນດາບານການອອກສຽງຂອງບັນດາບານການບໍ່ມີບານການອອກສຽງ, ແຕ່ padding ຈະປະກອບບັນດາບານການອອກສຽງພາຍໃນບານການບໍ່ມີບານການອອກສຽງຂອງປະກອບສ່ວນ.

ບັງຄັບການອອກສຽງ:

ການສອນ CSS:ການກະຈາຍ CSS

ປະກາດສານ CSS:ຄວາມຈັດການ margin-bottom:

ປະກາດສານ HTML DOM:ຄວາມຈັດການ

ຄວາມຄົນວັດຖຸຫຼັງກາງ

ຄວາມຄົນວັດຖຸຫຼັງກາງ 1

ຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງ <div>:

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

ການທົດລອງດູດຕະນາການ

ຄວາມຄົນວັດຖຸຫຼັງກາງ 2

ຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງ <div> ຄື "normal":

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

ການທົດລອງດູດຕະນາການ

ຄວາມຄົນວັດຖຸຫຼັງກາງ 3

ຮັບຜິດຈະຄວາມຄົນວັດຖຸຫຼັງກາງ <div>:

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

ການທົດລອງດູດຕະນາການ

ຄວາມຄົນວັດຖຸຫຼັງກາງ 4

ຄວາມຄືບໜ້າຂອງ marginBottom ແລະ paddingBottom:

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

ການທົດລອງດູດຕະນາການ

ວິທິການ

ຮັບຜິດຈະ marginBottom 属性:

object.style.marginBottom

ຈັດການ marginBottom 属性:

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

ຄວາມຄົນວັດຖຸຫຼັງກາງ

ຄວາມ ສະແດງຄວາມ
% ຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງໂດຍສະມານຄວາມກວມຂອງປະກອບສ່ວນຜູ້ປົກຄອງ.
length ຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງໂດຍສະມານຄົນວັດຖຸ.
auto ການຈັດການຄວາມຄົນວັດຖຸຫຼັງກາງຂອງບັນດາບັນດາບັນນາທິການສາທາລະນະລັດອາເມລິກາ.
initial ຈັດການປະສົມຂອງປະສົມຄວາມຄົນວັດຖຸຫຼັງກາງເປັນຄູ່ມົງຄວາມຄົນວັດຖຸຫຼັງກາງດັ່ງກ່າວ。ບັງຄັບການອອກສຽງ: initial。
inherit ຍິນຍອມການຈັດການປະສົມຂອງປະກອບສ່ວນຈາກປະກອບສ່ວນຜູ້ປົກຄອງ。ບັງຄັບການອອກສຽງ: inherit。

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

ຄູ່ມົງຄວາມຄົນວັດຖຸຫຼັງກາງ: 0
ຜົນການຮັບຜິດຈະນັກພາສາລາວ: ຄວາມຄົນວັດຖຸຫຼັງກາງບັນດາປະກອບສ່ວນ。
CSS ສະບັບ： CSS1

ການສະໜັບສະໜູນບັນດາຄອມພິວເຕີ້

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