Style paddingBottom 属性

ການກໍານົດຕັດສິນຄັນແລະການນໍາໃຊ້

paddingBottom ການຕັດສິນຄັນຫຼືການບັນທຶກຄວາມອອກພາຍໃນຂອງປະກອບປະກອງ.

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

ບໍ່ວ່າຈະມີ:

ການສົນທະນາ CSSCSS 内边距

ຄູ່ມູນ CSSພັດທະພັນ padding-bottom

ຄູ່ມູນ HTML DOMພັດທະພັນ padding

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ການຕັດສິນຄັນ <div> ພາຍໃນ:

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

ທົດລອງຄິດຕະຫຼອດ

ຕົວຢ່າງ 2

ການປ່ຽນ <div> ພາຍໃນມາເປັນ "normal":

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

ທົດລອງຄິດຕະຫຼອດ

ຕົວຢ່າງ 3

ການບັນທຶກຄວາມອອກຂອງ <div> ພາຍໃນ:

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

ທົດລອງຄິດຕະຫຼອດ

ຕົວຢ່າງ 4

ຄວາມແຕກຕ່າງລະຫວ່າງ marginBottom ແລະ paddingBottom:

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

ທົດລອງຄິດຕະຫຼອດ

ຄຳສັບສັນ

ການບັນທຶກ paddingBottom 属性:

object.style.paddingBottom

ການຕັດສິນຄັນ paddingBottom 属性:

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

ຄວາມມູນຂອງພັດທະພັນ

ຄວາມມູນ ການອະທິບາຍ
% ການບັນທຶກຄວາມອອກຂອງພາຍໃນຈາກຄວາມກວມຂອງປະກອບປະກອງພາຍໃນ.
length ການບັນທຶກຄວາມອອກຂອງພາຍໃນພາຍໃນຈາກພາສາຄວາມການຕາຍ.
initial ການປ່ຽນຕັດສິນຄັນຂອງພັດທະພັນໄປເປັນມາດຕະຖານຜົນກະທົບ. ບັນທຶກ initial.
inherit ຍິນຍອມທີ່ຂອງພັດທະພັນຈາກປະກອບປະກອງພາຍໃນ. ບັນທຶກ inherit.

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

ມາດຕະຖານຜົນກະທົບ: 0
ຜົນການບັນທຶກ: ຄວາມສັບສົນ，ສະແດງການອອກຂອງພັດທະນາວິດຕະພັນພາຍໃນ。
CSS ສະບັນຍາວິດຕະພັນ: CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support