Style paddingLeft ປະກອບ

ການກໍານົດ ແລະ ການນໍາໃຊ້

paddingLeft ການຕັ້ງຄຳພິມວັດທະນະທຳພາກລະຫວ່າງບັນຊີ.

ຄູ່ມົງ margin ແລະ ຄູ່ມົງ padding ທັງໝົດຂອງພາກການສະໜັບສະໜູນບັນຊີບັນນາທິການທີ່ສະໜັບສະໜູນບັນຊີ. ຄວາມແຕກຕ່າງລະຫວ່າງຂອງພາກການສະໜັບສະໜູນບັນຊີທີ່ສະໜັບສະໜູນບັນຊີແມ່ນວ່າ margin ຂັດຂອງພາກການສະໜັບສະໜູນບັນຊີພາຍໃນບາຍບານບັນຊີ, ແຕ່ padding ຂັດພາກການສະໜັບສະໜູນບັນຊີພາຍໃນບາຍບານບັນຊີ.

ບໍ່ອອກຈາກ:

ຄູ່ມົງ CSS ການສອນພາສາບາງການ CSS

ຄູ່ມົງ CSSຄູ່ມົງ padding-left

ປືກສາ HTML DOMຄູ່ມົງ padding

ຄວາມຄົງທີ່

ຄວາມກໍານົດ 1

ການຕັ້ງ <div> ພາກລະຫວ່າງສິ່ງພິມ:

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

ທົດລອງດີຕະມານຕະມານ

ຄວາມກໍານົດ 2

ການປ່ຽນຄວາມລະດັບ <div> ພາກລະຫວ່າງສິ່ງພິມກັບ "normal":

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

ທົດລອງດີຕະມານຕະມານ

ຄວາມກໍານົດ 3

ການຮັບຜິດຊອບ <div> ພາກລະຫວ່າງສິ່ງພິມ:

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

ທົດລອງດີຕະມານຕະມານ

ຄວາມກໍານົດ 4

ຄວາມແຕກຕ່າງລະຫວ່າງ marginLeft ແລະ paddingLeft:

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

ທົດລອງດີຕະມານຕະມານ

ສັນຍາວິທະຍາ

ການຮັບຜິດຊອບ paddingLeft:

object.style.paddingLeft

ການຕັ້ງ paddingLeft:

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

ຄູ່ມົງວັດທະນະທຳ

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

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

ຄູ່ມົງຄວາມສະແດງ: 0
ຄວາມຮັບຜິດຊອບ: ຄວາມສັບສົນທີ່ສະແດງວ່າພາກລະຫວ່າງສິ່ງພິມແຕ່ບັນຊີ.
CSS ຂັ້ນຕອນ: CSS1

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

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