ປະກອບປະກອບ CSS border-inline-end-width

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

border-inline-end-width ຂະແພດການກະກຽມຂອງຂໍ້ມູນທີ່ຕິດຕັ້ງໃນທິດທາງທີ່ສຸດຂອງການແບບສະແດງທີ່ກາງສາຍ。

ຫັງ:要使 border-inline-end-width 属性生效，必须设置 border-inline-end-style 属性。

CSS border-inline-end-width ປະສົມປະສານ border-bottom-width,border-left-width,border-right-width ແລະ border-top-width ຄືກັນຫຼາຍ, ແຕ່ border-inline-end-width ປະສົມປະສານຈະຂຶ້ນຢູ່ຂຶ້ນກັບທາງຍືດຍາດ.

ຫັງ:ປະສົມປະສານ CSS writing-mode,text-orientation ແລະ direction ກໍານົດທາງຍືດຍາດ. ມັນຈະມີຜົນຕໍ່ກັບການວາງທ້າຍຂອງການຍືດຍາດ, ແລະ border-inline-end-width ຜົນກະທົບຂອງປະສົມປະສານ. ສໍາລັບວີນເຕັມພາສາອັງກິດ, ການຍືດຍາດທາງໃນລາຍການຈະຈະແຕ່ງມາຈາກຊ້າຍໄປຊາຍ, ການຍືດຍາດທາງບອກຈະຈະແຕ່ງມາຍາດລົງ.

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ການກໍານົດຄວາມເລິກທີ່ສຸດທ້າຍຂອງການຍືດຍາດທາງ:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

ທຳການທີ່ຕອບກັບ

ຕົວຢ່າງ 2: ທີ່ການປະສົມປະສານກັບປະສົມປະສານ writing-mode

ການວາງທີ່ສຸດທ້າຍຂອງການຍືດຍາດທາງໃນລາຍການຈະຖືກຂັດແຍ່ງໂດຍ writing-mode ຜົນກະທົບຂອງປະສົມປະສານ:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

ທຳການທີ່ຕອບກັບ

ຕົວຢ່າງ 3: ທີ່ການປະສົມປະສານກັບປະສົມປະສານ direction

ການວາງທີ່ສຸດທ້າຍຂອງການຍືດຍາດທາງໃນລາຍການຈະຖືກຂັດແຍ່ງໂດຍ direction ຜົນກະທົບຂອງປະສົມປະສານ:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

ທຳການທີ່ຕອບກັບ

ສັບພາສາ CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

ຄູ່ມືຂອງປະສົມປະສານ

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

ການສະໜັບສະໜຸນບັນດາບັນນາທິການ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບັນຈະສະແດງວ່າ ບັນດາບັນນາທິການທີ່ເບິ່ງວ່າມີການສະໜັບສະໜຸນປະສົມປະສານດັ່ງກ່າວ.

ບາງເບີ່ງທີ່ກ່ຽວຂ້ອງ

ການສະເໜີ:ຊາຍບອກ CSS

ອີງຕາມ：ປະກອບປະກອບ CSS border

ອີງຕາມ：ປະກອບປະກອບ CSS border-inline

ອີງຕາມ：ປະກອບປະກອບ CSS border-inline-end-style

ອີງຕາມ：ທາງສັນຍາລັກ CSS border-inline-start-width

ອີງຕາມ：ປະກອບປະກອບ CSS border-bottom-width

ອີງຕາມ：ທາງສັນຍາລັກ CSS border-left-width

ອີງຕາມ：ທາງສັນຍາລັກ CSS border-right-width

ອີງຕາມ：ທາງສັນຍາລັກ CSS border-top-width

ອີງຕາມ：ປະເພດ CSS direction

ອີງຕາມ：ລະບົບສຽງ CSS text-orientation

ອີງຕາມ：ລະບົບສຽງ CSS writing-mode