ປະພັນ top

定义和用法

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

注释:如果 "position" 属性的值为 "static",那么设置 "top" 属性不会产生任何效果。

说明

对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。

ສໍາລັບປະກອບສາຍທີ່ຖືກກວດສອບຄືກັບການກວດສອບ relative, ຖ້າ top ແລະ bottom ທັງສອງແມ່ນ auto, ຈຳນວນທີ່ຄວນຈະຕິດຈະແມ່ນ 0; ຖ້າໜຶ່ງໃນນັ້ນແມ່ນ auto, ຈຳນວນທີ່ຄວນຈະຕິດຈະເປັນຄວາມປະຈຳການຕິດຄັດການຂອງຈຳນວນທີ່ຄວນຈະຕິດ; ຖ້າທັງສອງບໍ່ແມ່ນ auto, bottom ຈະເປັນຈຳນວນທີ່ຄວນຈະຕິດຂອງ top.

ອີງຕາມ:

ການສະແດງ CSS:ການປະກັນ CSS:

ປື້ມການປະກອບສາຍ HTML DOM:ການຕີກັບ top

ກໍານົດ

ການຕີກັບທີ່ສູງຂອງບັນສະນະຮູບພາບຈະຕິດຢູ່ພາຍໃຕ້ທີ່ສູງ 5 ຕາມການກວດສອບຂອງປະກອບສາຍກວດສອບຮູບພາບ:

img
  {
  position:absolute;
  top:5px;
  }

ທຳການທີ່ຂ້ອຍຕ້ອງການທົດລອງ:

ສັບພາສາ CSS:

top: auto|length|initial|inherit;

ຄາດການມູນຄ່າຂອງບັນຊີ

ຄາດການມູນຄ່າ ການອະທິບາຍ
auto ຄາດການສົມບູນ.
% ການກວດສອບຄວາມປະຈຳຈາກປະກອບສາຍອັດຕາສະຕິກັນຂອງປະກອບສາຍ. ສາມາດນຳໃຊ້ຄາດການລົງກວນ.
length ການກວດສອບຄວາມປະຈຳຈາກປະກອບສາຍ px, cm ແລະ ອື່ນໆ. ສາມາດນຳໃຊ້ຄາດການລົງກວນ.
inherit ການສະແດງວ່າຈຳນວນທີ່ຄວນຈະລວມຄວາມປະຈຳ top ຈາກປະກອບສາຍດຽວກັນ

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

ຄາດການສົມບູນ: auto
ການຕ້ອງການລວມ: no
ການສະແດງຄວາມປະຈຳ: CSS2
ສັບພາສາ JavaScript: object.style.top="50px"

ການພິມສະແດງຫຼາຍຫຼັກການນຳໃຊ້

ການນຳໃຊ້ຄາດການຄຳນວຍໃຊ້ເພື່ອການຕີກັບທີ່ສູງຂອງບັນສະນະຮູບພາບ
ການສະແດງວ່າການນຳໃຊ້ຄາດການຄຳນວຍໃຊ້ເພື່ອການຕີກັບທີ່ສູງຂອງບັນສະນະຮູບພາບ
ການນຳໃຊ້ອັດຕາສະຕິກັນເພື່ອການຕີກັບທີ່ສູງຂອງບັນສະນະຮູບພາບ
ການສະແດງວ່າການນຳໃຊ້ອັດຕາສະຕິກັນເພື່ອການກວດສອບການຕີກັບທີ່ສູງຂອງບັນສະນະຮູບພາບ

ການສະຫຼັບບັນຊີບັດບາດ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບົດສະແດງວ່າການສະຫຼັບຄວາມສະຫຼາດທີ່ສຸດທີ່ສະຫຼາດຂອງບັນຊີນັ້ນ

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0