Style left 属性

ການສະແດງຕົວຢ່າງຂອງບັນດາປະກອບສະແດງ

left ການຕັ້ງຫຼືກະທົບຈຸດທີ່ທາງຊ້າຍຂອງບັນດາປະກອບສະແດງທີ່ຕິດຕັ້ງ.

ບັນດາປະກອບສະແດງທີ່ຕິດຕັ້ງຂອງມັນແມ່ນບັນດາປະກອບສະແດງທີ່ຕິດຕັ້ງຂອງ:

ຄຳແນະນຳ:ປະກອບສະແດງທີ່ຕິດຕັ້ງຂອງ:relative、absolute ຫຼື fixed ຂອງບັນດາປະກອບສະແດງ.

ຄຳແນະນຳ:ສຳລັບການຕັ້ງຫຼືກະທົບຈຸດທີ່ທາງຊ້າຍຂອງບັນດາປະກອບສະແດງທີ່ຕິດຕັ້ງ, ຂ້ອຍຈະໃຊ້ right 属性.

ບໍ່ວ່າ:

CSS 教程:CSS ການຕິດຕັ້ງ

ປຶ້ມການປົກຄອງ CSS:left 属性

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ການຕັ້ງ <button> ທີ່ຕິດຕັ້ງ:

document.getElementById("myBtn").style.left = "100px";

ທົດລອງເອງ

ຕົວຢ່າງ 2

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

document.getElementById("myDIV").style.left = "100px";

ທົດລອງເອງ

ຕົວຢ່າງ 3

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

document.getElementById("myDIV").style.left = "-100px";

ທົດລອງເອງ

ຕົວຢ່າງ 4

ການກະທົບ <div> ທີ່ຕິດຕັ້ງ:

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

ທົດລອງເອງ

ຄຳນວຍຄຸມ

ການກະທົບ left 属性:

object.style.left

ການຕັ້ງ left 属性:

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

ຄູ່ມູນຂອງບັນດາປະກອບສະແດງ

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

ລະອຽດດ້ານເຕັກນິກ

ຄູ່ມູນຈົງ: auto
ຜົນກະທົບ: ຄຳຂັດແຍ່ງທີ່ສະແດງຈຸດທີ່ທາງຊ້າຍຂອງບັນດາປະກອບສະແດງທີ່ຕິດຕັ້ງ.
CSS ສະບັນຍາ: CSS2

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

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