ປະກອບປະສົມ CSS border-inline-end

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

ຈະກຳນົດທາງພາຍໃນ. ປະເພດນີ້ແມ່ນການກໍານົດຄວາມຊັບຊ້ອນຂອງປະເພດດັ່ງກ່າວ:

• border-inline-end-width(ວົງກວ້າງກາບປິດສົງທີ່ບັນທຶກ)
• border-inline-end-style(ວິວັດທະນາການກາບປິດສົງທີ່ບັນທ�ກ)
• border-inline-end-color(ສີການຂອງກາບປິດສົງທີ່ບັນທຶກ)

CSS ຈະກຳນົດທາງພາຍໃນ. ປະເພດຈະອີງຕາມ border-bottom、border-left、border-right ຄື border-top ປະເພດຈະຄ້າຍຄືກັນຫຼາຍຫຼາຍ. ຈະກຳນົດທາງພາຍໃນ. ປະເພດຈະອີງຕາມການແນວທາງຂອງວັດຖຸທີ່ບັນທຶກ.

ເຂົ້າໃຈ:ປະເພດ CSS ການທົດລອງ 2: ບັນຍາການຮ່ວມມື writing-mode、text-orientation ຄື ຈຸດທີ່ກະສັດທ້າຍໃນທາງພາຍໃນຈະຖືກກຳນົດໂດຍ ຈະມີຜົນກະທົບໃສ່ການເລີ່ມ ແລະ ທີ່ສຸດຂອງການເປັນເວລາການ. ຈະກຳນົດທາງພາຍໃນ. border-inline-end

ຜົນກະທົບຂອງລັກສະນະ.

ຄວາມຈຳນວນ

ການທົດລອງ 1

ຜົນກະທົບຂອງລັກສະນະ:
  ຈະກຳນົດລະດັບກະສັດ, ສີ ແລະ ຮູບແບບກະສັດທ້າຍໃນທາງພາຍໃນ:
border-inline-end: 5px solid hotpink;

}

border-inline-end: 10px solid pink;

ການທົດລອງ 3: ບັນຍາການຮ່ວມມື direction ການທົດລອງ 2: ບັນຍາການຮ່ວມມື writing-mode direction

ຜົນກະທົບຂອງລັກສະນະ:
  writing-mode
  writing-mode: vertical-rl;
border-inline-end: 5px solid hotpink;

}

border-inline-end: 5px solid blue;

ການທົດລອງ 3: ບັນຍາການຮ່ວມມື direction ຈຸດທີ່ກະສັດທ້າຍໃນທາງພາຍໃນຈະຖືກກຳນົດໂດຍ direction

ຜົນກະທົບຂອງລັກສະນະ:
  div {
  direction: rtl;
border-inline-end: 5px solid hotpink;

}

ການທົດລອງດີຕະຫລອດ

ສັບພາສາ CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

ຂໍ້ມູນດ້ານເຕັກນິກ

ຂໍ້ມູນດ້ານເຕັກນິກ

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

ຈຳນວນໃນຕາຕະລາງອອກມາຄືກັບບັນດາບັນນາທິການທີ່ເປັນການສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນ.

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ການສອນ:ບາຍກາກ CSS

ກ່ຽວກັບປະກອບປະສົມ CSS border

ກ່ຽວກັບປະກອບປະສົມ CSS border-inline

ກ່ຽວກັບປະກອບປະສົມ CSS border-inline-end-style

ກ່ຽວກັບປະກອບປະສົມ CSS border-inline-end-color

ກ່ຽວກັບປະກອບປະສົມ CSS border-bottom-color

ກ່ຽວກັບປະເພດ CSS border-left-color

ກ່ຽວກັບປະເພດ CSS border-right-color

ກ່ຽວກັບປະເພດ CSS border-top-color

ກ່ຽວກັບປະເພດ CSS direction

ກ່ຽວກັບລະບົບຄວາມສົນໃຈ CSS text-orientation

ກ່ຽວກັບລະບົບຄວາມສົນໃຈ CSS writing-mode