Style top attribute

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

top ຄວາມພິການຫຼືກັບຄືນຕາຍຕອນສູງຂອງບັນດາປະກອບສະແດງທີ່ຕັ້ງຢູ່.

ຄວາມພິການນີ້ຈະກຳນົດຕາຍຕອນສູງຂອງປະກອບສະແດງ, ລວມທັງຂອບເຂດກະຈຽງ, ສັບສົນ, ບໍລິໂສ, ແລະ ມ້າງຂ້າງ.

ຄຳແນະນຳ:ປະກອບສະແດງທີ່ຕັ້ງຢູ່ ຄວາມພິການ position ຈະຕິດຕັ້ງເປັນ:relative、absolute ຫຼື fixed.

ຄຳແນະນຳ:ສຳລັບການຕິດຕັ້ງຫຼືກັບຄືນຕາຍຕອນດາຍຂອງບັນດາປະກອບສະແດງທີ່ຕັ້ງຢູ່, ຈະໃຊ້ ຄວາມພິການ bottom.

ອີງຕາມ:

ການສອນ CSS:ການຕິດຕັ້ງສະໂມເປັນສະໂມເປັນ

ປຶ້ມກໍານົດ CSS:ຄວາມພິການ top

ຄວາມປະສົງ

ຕົວຢ່າງ 1

ຕິດຕັ້ງຕາຍຕອນສູງ <button> ຂອງ:

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

ທົດລອງຄັ້ງນັ້ນ

ຕົວຢ່າງ 2

ທົດລອງຄັ້ງນັ້ນ - ຕິດຕັ້ງຕາຍຕອນສູງ <div> ທີ່ລົງລົງ:

document.getElementById("myDiv").style.top = "-100px";

ທົດລອງຄັ້ງນັ້ນ

ຕົວຢ່າງ 3

ກັບຄືນຕາຍຕອນສູງ <div> ຂອງ:

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

ທົດລອງຄັ້ງນັ້ນ

ວິທະຍາສາດ

ການກັບຄືນບັນດາຄວາມ top:

object.style.top

ການຕິດຕັ້ງບັນດາຄວາມ top:

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

ຄວາມພິການຂອງບັນດາຄວາມ

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

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

ຄູ່ມົງຈຸດສະຖານ: ບໍ່ມີ
ຜົນກະທົບ: ຄຳຂັດແຍ່ງແບບທີ່ສະແດງການຕັ້ງລະບຽບຂອງບັນດາປະກອບສະແດງທີ່ຕັ້ງຢູ່ທີ່ສູງ.
ສະຖານະ CSS: CSS2

ການອະນຸຍາດບັດເບິ່ງ

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