ຄູ່ມີບົດສະພາບ CSS border-bottom-width

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

ວັດຖຸ border-bottom-width ຈະຈັດຕັ້ງຄວາມລະດັບກາບລົງຂອງປະກອບສາຍ.

ຈະມີຜົນກະທົບພຽງແຕ່ຖ້າມີວັດຖຸ border-style ບໍ່ແມ່ນ none. ຖ້າມີວັດຖຸ border-style ແມ່ນ none, ວັດຖຸ border-width ຈະກະຈາຍຄວາມລະດັບ 0.

ຄວາມເຫັນ:ທ່ານຕ້ອງການຖະແຫຼງວັດຖຸ border-style ກ່ອນວັດຖຸ border-bottom-width. ປະກອບສາຍພຽງແຕ່ຖ້າມີກາບ. ຖ້າມີວັດຖຸ border-style ຈະກະຈາຍຄວາມລະດັບ 0. ບໍ່ອະນຸຍາດວ່າຈະມີວັດຖຸຈຳນວນທີ່ຫຼາຍກວ່າ 0.

ບໍ່ວ່າກໍ່ຈະ:

ການສອນ CSS:ປະກອບຂໍ້ຄວາມ CSS ຂ້າງ

ການຫຼົກຫຼາຍ CSS:ການສະໜອງ bottom

ການຫຼົກຫຼາຍ HTML DOM:ຜົນງານ bottomWidth

ຄວາມປະສົງ

ຈັດຕັ້ງຄວາມລະດັບກາບລົງ:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

ທ້າທາຍຂອງທ່ານ

ວິນຍານ CSS

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

ຄູ່ມົງຄວາມຜິດພາດ

ວັດຖຸ ການອະທິບາຍ
thin ອະນຸຍາດກາບລົງທີ່ຫຼາຍ.
medium ຄູ່ມົງຄວາມຜິດພາດ. ອະນຸຍາດກາບລົງທີ່ມີຄວາມລະດັບມາດຕະຖານ.
thick ອະນຸຍາດກາບລົງທີ່ຫຼາຍ.
length ອະນຸຍາດໃຫ້ທ່ານຈັດຕັ້ງຄວາມລະດັບກາບລົງ.
inherit ຕາມທີ່ຕ້ອງມີການສະເປັກກະຕຸ້າຈາກປະກອບສາຍການ.

ຫຼັກຫຼາຍບົດສະຫຼຸບ

ຈັດຕັ້ງຄວາມລະດັບກາບລົງ
ບົດສະຫຼຸບນັ້ນແມ່ນການຈັດຕັ້ງຄວາມລະດັບມາດຕະຖານຂອງການສະໜອງກາບລົງ.

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

ຄູ່ມົງຄວາມຜິດພາດ: medium
ການສະເປັກກະຕຸ້າ: no
ສະຖານະ: CSS1
ວິນຍານ JavaScript: object.style.borderBottomWidth="thick"

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

ຈຳນວນໃນຕາລະບັນດາສະເພາະຂອງຕາລະບັນດາບັນຊີສະໜັບສະໜູນສະບາຍດັ່ງກ່າວຂອງບັນດາບັນຊີສະໜັບສະໜູນ.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

ຄວາມເຫັນ:IE7 ແລະກວ່າບໍ່ສາມາດການສະເໜີວັດຖຸ "inherit". IE8 ຕ້ອງມີ !DOCTYPE. IE9 ສາມາດ "inherit".