Style marginLeft 属性

ການກໍານົດແລະການນໍາໃຊ້

marginLeft ການປ່ຽນຄວາມຫ່າງດ້ານຊ້າຍຂອງປະກອງ.

ການປ່ຽນ margin ແລະ ການປ່ຽນ padding ກະຈຳທົດສະພາບຂອງປະກອງບາງຫນຶ່ງ. ແຕ່ບໍ່ອາດຜ່ານທີ່ margin ທີ່ຈະສະແດງຄວາມຫ່າງດ້ານຊ້າຍຂອງບາງຫນຶ່ງ, ແຕ່ padding ຈະສະແດງຄວາມຫ່າງດ້ານຊ້າຍຂອງບາງຫນຶ່ງ.

ບໍ່ອາດຜ່ານ:

ການສອນ CSS:ການປະກອບຂອງ margin CSS

ສາທານະມະດຸ CSS:ສາທານະມະດຸ margin-left:

ສາທານະມະດຸ HTML DOM:ການປ່ຽນ margin

ຄວາມຫ່າງ 1

ການປ່ຽນ <div> ຄວາມຫ່າງດ້ານຊ້າຍ:

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

ທົດລອງດຽວຕົວ

ຄວາມຫ່າງ 2

ການປ່ຽນ <div> ຄວາມຫ່າງດ້ານຊ້າຍຂອງ "normal":

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

ທົດລອງດຽວຕົວ

ຄວາມຫ່າງ 3

ຄຳຕອບ <div> ຄວາມຫ່າງດ້ານຊ້າຍ:

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

ທົດລອງດຽວຕົວ

ຄວາມຫ່າງ 4

ຄວາມຫ່າງດ້ານຊ້າຍ marginLeft ແລະ paddingLeft:

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

ທົດລອງດຽວຕົວ

ສັນຍາວິທະຍາ

ຄຳຕອບ marginLeft:

object.style.marginLeft

ການປ່ຽນ marginLeft:

object.style.marginLeft = "%|length|auto|inherit"

ຄຳຕອບຄວາມຊື່ສັດ

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

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

ຄຳຕອບຄວາມຊື່ສັດ: 0
ຄຳຕອບວ່າ: ຄຳອອກຄວາມທີ່ຈະສະແດງຄວາມຫ່າງດ້ານຊ້າຍຂອງປະກອບປະກອງ.
CSS ສະບັນຍາບັນ: CSS1

ການສະໜັບສະໜູນບັນຊີບອກອີກ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持