ປະເພດ border-inline-style

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

border-inline-style ທັດສະນະກຳນົດທິດສະພາບຂອງບັນດາບັນທຶກໃນທິດສະພາບພາຍໃນ.

border-inline-style ຄຸນຄ່າຂອງທັດສະນະສາມາດກວດສອບໃນຫຼາຍວິທີຢ່າງທີ່ແຕກຕ່າງກັນ:

ຖ້າ border-inline-style ທັດສະນະມີຄຸນຄ່າສອງ:

border-inline-style: solid dotted;

• ທິດສະພາບຂອງທິດສະພາບເລີ່ມແມ່ນສັນຍາກະຈັດ (solid).
• ທິດສະພາບຂອງທິດສະພາບສິ້ນສຸດແມ່ນສັນຍາກະຈັດ (dotted).

ຖ້າ border-inline-style ທັດສະນະມີຄຸນຄ່າດຽວ:

border-inline-style: dotted;

• ທັດສະນະທິດສະພາບຂອງທິດສະພາບເລີ່ມ ແລະ ສິ້ນສຸດຂອງທິດສະພາບແມ່ນສັນຍາກະຈັດ (dotted).

CSS ຂອງ border-inline-style ທັດສະນະກັບ border-bottom-style、border-left-style、border-right-style ແລະ border-top-style ທັດສະນະນີ້ຄືກັນຫຼາຍ, ແຕ່ border-inline-style ທັດສະນະຂັ້ນນອກນັ້ນກຳນົດທິດສະພາບທິດສະພາບພາຍໃນ.

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

实例

例子 1

设置行内方向上的边框样式：

#example1 {
  border-inline-style: solid;
}
#example2 {
  border-inline-style: dashed dotted;
}

ການທົດລອງຄັ້ງຂອງຕົນເອງ

ບັນດາຄວາມທີ່ສາມາດທົດລອງດັ່ງກ່າວກັບບັນດາຄວາມ writing-mode:

ການພົບບາດດຳນິວດາກະພິບທີ່ເລີ່ມແລະຈົບທາງການຂຽນຂອງບັນດາປະກອບຂອງບັນດາປະກອບຂຽນຈະຖືກຄວບຄຸມໂດຍ writing-mode ຜົນກະທົບຂອງບັນດາຄວາມ

div {
  writing-mode: vertical-rl;
  border-inline-style: dotted;
}

ການທົດລອງຄັ້ງຂອງຕົນເອງ

ບັນດາຄວາມທີ່ສາມາດທົດລອງດັ່ງກ່າວກັບບັນດາຄວາມ direction:

ການພົບບາດດຳນິວດາກະພິບທີ່ເລີ່ມແລະຈົບທາງການຂຽນຂອງບັນດາປະກອບຂອງບັນດາປະກອບຂຽນຈະຖືກຄວບຄຸມໂດຍ direction ຜົນກະທົບຂອງບັນດາຄວາມ

div {
  direction: rtl;
  border-inline-style: solid dotted;
}

ການທົດລອງຄັ້ງຂອງຕົນເອງ

ສັບພາສາ CSS

border-inline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

ຄູ່ມູນຄໍາສະແດງ

ລາຍລະອຽດດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນດີໂລະ

ຈຳນວນໃນຕາມການສະແດງຈະສະແດງວ່າ ບັນດາບາດີໂລະທີ່ສະບາຍສະໜັບສະໜູນບັນດາຄວາມທີ່ມີມູນຄໍາສະແດງດັ່ງກ່າວ.

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

ຄູ່ມູນຄໍາສອນ：ບໍລິເວນ border

ອີງຕາມ：ປະກອບເຂົ້າໄອຍະບູລິກັນ CSS border

ອີງຕາມ：ປະກອບເຂົ້າໄອຍະບູລິກັນ CSS border-inline

ອີງຕາມ：ປະເພດ border-inline-style

ອີງຕາມ：ປະກອບເຂົ້າໄອຍະບູລິກັນ CSS border-bottom-style

ອີງຕາມ：ປະເພດ border-left-style

ອີງຕາມ：ປະເພດ border-right-style

ອີງຕາມ：ປະເພດ border-top-style

ອີງຕາມ：ປະກອບສັນຍາບັນນະໂຍບາຍ direction

ອີງຕາມ：ປະກອບຂໍ້ຄວາມ text-orientation

ອີງຕາມ：ປະກອບຂໍ້ຄວາມ writing-mode