ປະກອບສ່ວນ CSS border-inline-end-color
- ກ່ອນໜ້ານີ້ border-inline-end
- ຫນ້າທີ່ໜ້າ border-inline-end-style
ການກໍານົດແລະການນໍາໃຊ້
border-inline-end-color
ປະກອບປະກອບສີກະເສດຂອງປະກອບຕົວຢູ່ທີ່ທີ່ສຸດຂອງການເປັນສາຍລະບາຍ.
ຄໍາເຫັນ:ເພື່ອເຮັດໃຫ້ border-inline-end-color
ປະກອບປະກອບຕ້ອງການຕິດຕັ້ງ border-inline-end-style
ປະກອບປະກອບ
CSS border-inline-end-color
ລັກສະນະທີ່ border-bottom-color
,border-left-color
,border-right-color
ແລະ border-top-color
ລັກສະນະທີ່ຄ້າຍຄືກັນຫຼາຍ border-inline-end-color
ລັກສະນະອາດຖືກອຸປະກອນກັບການທົບທາຍ.
ຄໍາເຫັນ:ລັກສະນະ CSS ທີ່ກ່ຽວຂ້ອງ writing-mode
,text-orientation
ແລະ direction
ການກຳນົດການອອກສະພາບ. ສຳລັບການທົບທາຍຄືກັບ border-inline-end-color
ຜົນກະທົບຂອງລັກສະນະ. ສໍາລັບເວັບໄຊພາສາອັງກິດ, ການທົບທາຍຄືກັບການຫຼັງຄືກັບການຫຼົງລົງ.
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ຈຸດປະສົງສີຂອງບາບວາງດ້ານຫຼັງຄືກັບການກຳນົດການຫຼັງຄືກັບການກຳນົດການອອກສະພາບ.
div { border-inline-end-style: solid; border-inline-end-color: pink; }
ຕົວຢ່າງ 2: ການປະສົມກັບລັກສະນະ writing-mode
ຈຸດທີ່ຂອງບາບວາງດ້ານຫຼັງຄືກັບການກຳນົດການອອກສະພາບ. writing-mode
ຜົນກະທົບຂອງລັກສະນະ:
div { border-inline-end-style: solid; writing-mode: vertical-rl; border-inline-end-color: blue; }
ຕົວຢ່າງ 3: ການປະສົມກັບລັກສະນະ direction
ຈຸດທີ່ຂອງບາບວາງດ້ານຫຼັງຄືກັບການກຳນົດການອອກສະພາບ. direction
ຜົນກະທົບຂອງລັກສະນະ:
div { direction: rtl; border-inline-end-color: hotpink; }
ສັບພາສາ CSS
border-inline-end-color: color|transparent|initial|inherit;
ຄວາມປະສົງຂອງລັກສະນະ
ຄວາມປະສົງ | ອະທິບາຍ |
---|---|
color | ຈຸດປະສົງສີຂອງບາບວາງດ້ານຫຼັງ. ຄືກັບສີຂອງປະກອບສັນນະສະພາບປັດຈຸບັນ. ບັນທຶກຢູ່:ຄູ່ມູນສີບາດ CSS. |
transparent | ຈຸດປະສົງສີຂອງບາບວາງດ້ານຫຼັງຄືກັບສະພາວະທີ່ສະເປັນປະຈຳ. |
initial | ຈຸດປະສົງສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນເປັນຄູ່ມູນຄວາມປົກກະຕິ. ບັນທຶກຢູ່: initial. |
inherit | ຍິນຍອມການສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນຈາກປະກອບສັນນະສະພາບພໍ່. ບັນທຶກຢູ່: inherit. |
ລາຍລະອຽດດ້ານເຕັກນິກ
ຄູ່ມູນຄວາມປົກກະຕິ: | ສະພາວະສີຂອງປະກອບສັນນະສະພາບປັດຈຸບັນ |
---|---|
ການສະໜັບສະໜູນ: | ບໍ່ |
ການສ້າງອາກາດການຫຼີ້ນ: | ການສະໜັບສະໜູນ. ບັນທຶກຢູ່:ລັກສະນະອາກາດການຫຼີ້ນ. |
ສະບັບ: | CSS3 |
ສັບພາສາ JavaScript: | object.style.borderInlineEndColor="pink" |
ການສະໜັບສະໜູນບິວຊາວ
ຈຳນວນໃນຕາຕະລາງອອກສະແດງວ່າສະບັບຊາວບິວທີ່ເປັນບໍລິການຂັ້ນສູງສຸດຂອງບາງລັກສະນະນັ້ນ.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
ບາງເວັບໄຊທີ່ກ່ຽວຂ້ອງ
ຄູ່ມູນການປະກອບບໍລິເວນ CSS
ກ່າວໄວ້ປະກອບສ່ວນ CSS border
ກ່າວໄວ້ປະກອບສ່ວນ CSS border-inline
ກ່າວໄວ້ປະກອບສ່ວນ CSS border-inline-end-style
ກ່າວໄວ້ປະເພດ border-inline-start-color
ກ່າວໄວ້ປະກອບສ່ວນ CSS border-bottom-color
ກ່າວໄວ້ປະເພດ border-left-color
ກ່າວໄວ້ປະເພດ border-right-color
ກ່າວໄວ້ປະເພດ border-top-color
ກ່າວໄວ້ປະເພດ CSS direction
ກ່າວໄວ້ປະກາດຄູ່ມວນຊົນ text-orientation
ກ່າວໄວ້ປະກາດຄູ່ມວນຊົນ writing-mode
- ກ່ອນໜ້ານີ້ border-inline-end
- ຫນ້າທີ່ໜ້າ border-inline-end-style