ການກຳນົດຂອງລະດັບການປ້ອງກັນຂ້າງຂວາ

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

paddingRight ການຕັດສິນຫຼືການຕອບຄືຂອງບັນດາສັບສັນທີ່ສະແດງຄວາມກາງດ້ານຂວາ.

ບັນດາສັບສັນ margin ແລະ ບັນດາສັບສັນ padding ທັງສອງທຳລາຍຈະສະແດງຄວາມກາງດ້ານຂວາຂອງບັນດາສັບສັນ. ແຕ່ການແຕກຕ່າງລະຫວ່າງຈະຢູ່ທີ່, margin ຈະສະແດງຄວາມກາງດ້ານຂວາທີ່ມີບາບ, ແລະ padding ຈະສະແດງຄວາມກາງດ້ານຂວາທີ່ມີບາບພາຍໃນບັນດາສັບສັນ.

ອີງຕາມ:

ການສອນ CSS:CSS 内边距

ປືກສາ CSS:ບັນດາສັບສັນ padding-right

ປືກສາ HTML DOM:ບັນດາສັບສັນ padding

ຄວາມຈິງ

ຕົວຢ່າງ 1

ການຕັດສິນ <div> ສະແດງຄວາມກາງດ້ານຂວາ:

document.getElementById("myDIV").style.paddingRight = "50px";

ການທົດລອງດີເອງ

ຕົວຢ່າງ 2

ການຕັດສິນ <div> ສະແດງຄວາມກາງດ້ານຂວາທີ່ມີຄວາມກວມ "normal":

document.getElementById("myDIV").style.paddingRight = "0px";

ການທົດລອງດີເອງ

ຕົວຢ່າງ 3

ການຕອບຄື:

alert(document.getElementById("myDIV").style.paddingRight);

ການທົດລອງດີເອງ

ຕົວຢ່າງ 4

ຄວາມແຕກຕ່າງລະຫວ່າງ marginRight ແລະ paddingRight:

function changeMargin() {
  document.getElementById("myDIV").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDIV2").style.paddingRight = "200px";
}

ການທົດລອງດີເອງ

ຄຳສັບພາສາ

ການຕອບ paddingRight:

object.style.paddingRight

ການຕັດສິນ paddingRight:

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

ຄຳຕອບຂອງບັນດາສັບສັນ

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

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

ຄູ່ມົງຄວາມຄື: 0
ຄຳຕອບຄື: ຄວາມສັບສົນທີ່ສະແດງຄວາມກາງດ້ານຂວາຂອງບັນດາສັບສັນ.
CSS ສະພາບ: CSS1

ການສະໜັບສະໜູນບັນຊີບຸວ

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