ມາດ CSS border-block-style

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

border-block-style ຜົນປະກອບກຳນົດການຈັດຕັ້ງຊີ້ບໍລິໄວຍອຍຂອງບອດໃນທິດວົງວົງ.

border-block-style ຄຸນຄ່າຜົນປະກອບສາມາດກະກຽມໄດ້ໂດຍຫຼາຍວິທີຄື:

ຖ້າ border-block-style ຜົນປະກອບມີຄຸນຄ່າສອງກັນ:

border-block-style: dashed dotted;

• ການຈັດຕັ້ງຊີ້ບໍລິໄວຍອຍສາຍເລີ່ມຂອງບອດແມ່ນສິ່ງວາງ
• ການຈັດຕັ້ງຊີ້ບໍລິໄວຍອຍສຸດຂອງບອດແມ່ນສິ່ງວາງ

ຖ້າ border-block-style ຜົນປະກອບມີຄຸນຄ່າດຽວກັນ:

border-block-style: dashed;

• ການຈັດຕັ້ງຊີ້ບໍລິໄວຍອຍຂອງເສື່ອມສອງສາຍແລະສາຍສຸດຂອງບອດແມ່ນສິ່ງວາງ

CSS border-block-style ຜົນປະກອບກັບ CSS border-bottom-style、border-left-style、border-right-style ກັບ border-top-style 非常相似，但 border-block-style 属性依赖于块方向。

ຄໍາເຕືອນ:ບັນດາລັກສະນະ CSS writing-mode ກຳນົດທຳມະດາສະແດງ. ມັນຈະມີຜົນຕໍ່ກັບຕອນເລີ່ມແລະຕອນຈົບຂອງທຳມະດາສະແດງ, ແລະ border-block-style ຜົນຂອງລັກສະນະ. ສຳລັບຫົວຂໍ້ພາສາອັງກິດ, ທຳມະດາສະແດງທາງທີ່ອອກມາຈາກຊ້າຍໄປຊາຍ, ທຳມະດາສະແດງທາງທີ່ລົງມາຈາກທາງຕາມ.

ພາບພາບ

ກໍລະນີ 1

ກຳນົດຊັ້ນຂອງບາຍສະແດງທຳມະດາສະແດງ:

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

ທົດລອງດັບຕົວຕົນ

ກໍລະນີ 2: ການປະສົມລັກສະນະ writing-mode

ຕອນເລີ່ມແລະຕອນຈົບຂອງທຳມະດາສະແດງທີ່ຕິດຕາມລັກສະນະ: writing-mode ຜົນຂອງລັກສະນະ:

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

ທົດລອງດັບຕົວຕົນ

ສານຍິງ CSS

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

ຈຳນວນຂອງລັກສະນະ

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

ການສະໜັບສະໜູນບັນດາບັນຊີ

ຈຳນວນໃນຕາລະບົດສະແດງຄວາມພິຈາລະນາຂອງບັນດາບັນຊີທີ່ເປັນຜູ້ຫັນສະຫລຸບສິ່ງນັ້ນ.

ບັນດາຫົວຂໍ້

ຄູ່ມວນຊົນCSS ເບີຍຂ້າງ

ກ່ຽວກັບ:ມາດ CSS border

ກ່ຽວກັບ:ມາດ CSS border-block

ກ່ຽວກັບ:ມາດ CSS border-block-end-style

ກ່ຽວກັບ:ມາດ CSS border-block-start-style

ກ່ຽວກັບ:ມາດ CSS border-bottom-style

ກ່ຽວກັບ:ບັນດາບັນສາ border-left-style

ກ່ຽວກັບ:ບັນດາບັນສາ border-right-style

ກ່ຽວກັບ:ບັນດາບັນສາ border-top-style

ກ່ຽວກັບ:ຜູ້ຮັບການ CSS writing-mode