ປະສົມປະກອບ Style paddingTop

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

paddingTop ຄູ່ມົງລະບຽບທາງຫຼັງຂອງປະກອບສິ່ງ.

ຄູ່ມົງລະບຽບການກໍານົດອາກາດບໍລິຫານລະຫວ່າງຮົ້ວປະກອບແລະຂອງປະກອບສິ່ງ.

ຄູ່ມົງລະບຽບ margin ແລະ ຄູ່ມົງລະບຽບ padding ການເພີ່ມອາກາດບໍລິຫານອ້ອມບ້ານປະກອບ. ແຕ່ບັນຫາທີ່ແຕກຕ່າງກັນຄື, margin ເພີ່ມອາກາດບໍລິຫານອ້ອມບ້ານຮົ້ວ, ແຕ່ padding ເພີ່ມອາກາດບໍລິຫານອ້ອມບ້ານຮົ້ວຂອງປະກອບສິ່ງ.

ບໍ່ວ່າ:

ຫຼັກສັນຍາ CSS:ບັນດາຂອງ CSS padding

ສາລະນຸກົມ CSS:ຄູ່ມົງລະບຽບ padding-top

ສາລະນຸກົມ HTML DOM:ຄູ່ມົງລະບຽບ padding

ຄວາມນິຍົມ

ຄວາມທີ່ 1

ການຕັ້ງ <div> ຄວາມຫຼັງຂອງປະກອບສິ່ງ:

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

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

ຄວາມທີ່ 2

ກັບຄືນ <div> ຄວາມຫຼັງຂອງປະກອບສິ່ງໃຫ້ເປັນ "normal":

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

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

ຄວາມທີ່ 3

ກັບຄືນ <div> ຄວາມຫຼັງຂອງປະກອບສິ່ງ:

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

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

ຄວາມທີ່ 4

ຄວາມແຕກຕ່າງຂອງ marginTop ແລະ paddingTop:

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

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

ສັນຍາວິດ

ການກັບຄືນ paddingTop:

object.style.paddingTop

ການຕັ້ງຂໍ້ມູນ paddingTop:

object.style.paddingTop = "%|length|initial|inherit"

ຄູ່ມົງລະບຽບທາງສັບສົນ

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

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

ຄູ່ມົງລະບຽບ: 0
ຜົນການກັບຄືນ: ຄວາມທີ່ຈະສະແດງຄວາມຫຼັງຂອງປະກອບສິ່ງ.
CSS ສະບັນຍາບັນ: CSS1

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

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