ປະສົມຂໍ້ບວກກັບບາງສັນຍາວົງບາງສັນຍາ CSS
- ການເບິ່ງກ່ອນ border-image-outset
- ຕໍ່ໜ້າ border-image-slice
ການອະທິບາຍແລະການນໍາໃຊ້
border-image-repeat 属性ກໍານົດວ່າພາບບາຣເດີ້ຂອບເຂດຄວນຖືກກະຈາຍ (repeated), ຂະຫຍາຍ (stretched) ຫລື ກະຈາຍ (rounded).
ບັງບາງສິ່ງອື່ນໆ:
CSS3 ການສອນ:CSS3 ບໍ່ພົບບໍ່ສະແດງ
ຄວາມຈຳນວນ
ກໍານົດວິທີການກະຈາຍພາບບາຣເດີ້ຂອບເຂດ:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
ສັບພາສາ CSS
border-image-repeat: stretch|repeat|round;
ຄວາມເຫັນ:ປະກອບນີ້ກໍານົດວິທີການກະຈາຍແລະກະຈາຍຂອບເຂດຂອງພາບບາຣເດີ້ຂອງບາຣເດີ້. ມີຄູ່ມົງຄວາມສອງ. ຖ້າບໍ່ມີຄູ່ມົງຄວາມທີສອງ, ຈະເອົາຄູ່ມົງຄວາມທີໜຶ່ງ.
ຄູ່ມົງຄວາມຂອງປະກອບ
| ຄູ່ມົງຄວາມ | ອະທິບາຍ |
|---|---|
| stretch | ຂະຫຍາຍພາບເພື່ອລະດັບການກະຈາຍຂອບເຂດ |
| repeat | ປະກອບພາບກະຈາຍ (ກະຈາຍ) ເພື່ອລະດັບການກະຈາຍຂອບເຂດ. |
| round | ຄືກັບຄູ່ມົງຄວາມ repeat. ຖ້າບໍ່ສາມາດປະກອບຕົວຢ່າງເຕັມຕົວກັນທັງໝົດຂອງພາບ, ຈະຂະຫຍາຍພາບເພື່ອຕອບກັບຂອບເຂດ. |
ລາຍລະອຽດດ້ານເຕັກນິກ
| ຄູ່ມົງຄວາມສຳຄັນ: | stretch |
|---|---|
| ການສະຖິກກັນ: | no |
| ສະບັບ: | CSS3 |
| ສັບພາສາ JavaScript: | object.style.borderImageRepeat="round" |
ການສະໜັບສະໜູນບາຣເດີ້
ຈຳນວນໃນຕາຕະລາງສະແດງວ່າບັນດາບາຣເດີ້ທີ່ເປັນຜູ້ຊົມບັນດາປະກອບນີ້ຈະສະໜັບສະໜູນໃນສະບັບສາຍອາກາດທໍາອິດ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
ບັງບາງ border-image ປະກອບ
- ການເບິ່ງກ່ອນ border-image-outset
- ຕໍ່ໜ້າ border-image-slice
