Style borderImageRepeat

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

borderImageRepeat ການຕັ້ງຄຳຕອບຂອງປະສົມພາບຂ້າງບານທີ່ຄວນຖືກຕັດຕອນ (ການຕັດຕອນ), ການຕັດຕອນ (rounded) ຫຼື ການຂະຫຍາຍ (stretched).

ບໍ່ອອກຈາກ:

ປືກສາ CSS:ປະສົມ border-image-repeat

ຄວາມຈະເລີນ

ກຳນົດວິທີການຕັດຕອນພາບຂ້າງບານ:

document.getElementById("myDIV").style.borderImageRepeat = "round";

ທ້າທາຍຕົວເອງ

ສັນຍາ

ການຕອບ borderImageRepeat:

object.style.borderImageRepeat

ການຕັ້ງ borderImageRepeat:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

ຄຳຕອບຂອງປະສົມ

ຄຳຕອບ ການອະທິບາຍ
stretch ຄຳຕອບຄົງທີ່. ພາບຈະຖືກຂະຫຍາຍເພື່ອເຕັມບ່ອນ.
repeat ພາບຈະຖືກຕັດຕອນ (ການຕັດຕອນ) ເພື່ອເຕັມບ່ອນ.
round

ພາບຈະຖືກຕັດຕອນ (ການຕັດຕອນ) ເພື່ອເຕັມບ່ອນ.

ຖ້າບໍ່ໄດ້ເຕັມບ່ອນດ້ານຂອງພາກສ່ວນດັ່ງກ່າວດ້ວຍຈຳນວນບັນທັດທີ່ບໍ່ເຕັມ, ຈະຖືກຂະຫຍາຍພາບເພື່ອເຮັດໃຫ້ສູງພຽງ.
space

ພາບຈະຖືກຕັດຕອນ (ການຕັດຕອນ) ເພື່ອເຕັມບ່ອນ.

ຖ້າບໍ່ໄດ້ເຕັມບ່ອນດ້ານຂອງພາກສ່ວນດັ່ງກ່າວດ້ວຍຈຳນວນບັນທັດທີ່ບໍ່ເຕັມ, ບ່ອນທີ່ເກີນຈະຖືກແຜ່ກະຈາຍໃນອ້ອມບັນທັດ.
initial ຈະຕັ້ງປະສົມນັ້ນໃຫ້ເປັນຄຳຕອບຄົງ. ບັນຈາກ initial。
inherit ຈະຍິນຍອມກັບປະກອບສະຖານະພໍ່ຂອງມັນສຳລັບປະສົມນັ້ນ. ບັນຈາກ inherit。

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

ຄຳຕອບຄົງທີ່: stretch
ຄຳຕອບ: ຄວາມຕາຍຄວາມ, ສະແດງວ່າປະກອບສະຖານະຂອງປະກອບສະຖານະ ປະສົມ border-image-repeat。
CSS ສະບັນຍາ: CSS3

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

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 6.0 15.0

请参阅 borderImage 属性。