ປະກອບສ່ວນ CSS border-inline-end-color

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

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