ປະກອບຊັບສິນລະບົບ CSS border-image-outset
- ການໄປກ່ອນ border-image
- ຫນ້າຕໍ່ໄປ border-image-repeat
ການສະເໜີຫົວຂໍ້
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
ບໍ່ດັ່ງນັ້ນບັງຄັບການຈັດຫາ border-image-outset ກຳນົດຈຳນວນທີ່ບາດດຽວອອກຈາກບາດຮອບ.
CSS3 ການສອນ:ບັນດາຄວາມຂອງ CSS3 border-image
ບົດຕອນ
ການຈັດຫາ border-image-outset ການປັບປຸງ:
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
ສັບພາສາ CSS:
border-image-outset: length|number;
ຄວາມຄິດເຫັນ:ການຈັດຫາ border-image-outset ກຳນົດຈຳນວນທີ່ບາດດຽວອອກຈາກບາດຮອບ. ໃນທາງຕາມ, ຂາຍ, ລຸ່ມ, ແລະ ຂາຍ. ຖ້າລົບຜົນສີ່ທີສີ່, ຈະຕາມຜົນທີສອງ. ຖ້າລົບຜົນທີສາມ, ຈະຕາມຜົນທີໜຶ່ງ. ຖ້າລົບຜົນທີສອງ, ຈະຕາມຜົນທີໜຶ່ງ. ບໍ່ອະນຸຍາດມີຈຳນວນລົບໃນມູນຄ່າ border-image-outset.
ມູນຄ່າການຈັດຫາຫົວໜ້າ
| ມູນຄ່າ | ການອະທິບາຍ |
|---|---|
| length | |
| number | ສະແດງວ່າຄັນຍົກຍ້ອງຈຳນວນທີ່ຕາມ border-width. |
ຂໍ້ມູນດ້ານເຕັກນິກ
| ມູນຄ່າລະເມືອງສະພາບລະເບີດທີ່ມີເປົ້າໝາຍ: | 0 |
|---|---|
| ການຮັບຕໍ່ກັນ: | no |
| ສະຖານະການ: | CSS3 |
| ສັບພາສາ JavaScript: | object.style.borderImageOutset="30 30" |
ການສະໜັບສະໜູນບາດດຽວ
ຈຳນວນໃນຕາຕະລາງສະແດງວ່າບັນດາບາດດຽວທີ່ສຸດທີ່ສະຫຼັບການສະໜັບສະໜູນການຈັດຫາຫົວໜ້ານັ້ນ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
ບັງຄັບການອ່ານ border-image ການຈັດຫາຫົວໜ້າ
- ການໄປກ່ອນ border-image
- ຫນ້າຕໍ່ໄປ border-image-repeat
