ປະກອບອາດີດ CSS border-bottom-width

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

ປະສົມຂໍ້ມູນ border-bottom-width ຈະການຈັດການລະດັບກາບກາງລຸ່ມຂອງປະກອບອາວຸດ.

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

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

ບໍ່ອາດບໍ່ມີ:

ຄູ່ມູນ CSS ການສອນ:ການກ້າງບາດ CSS

ຄູ່ມູນ CSS ການປຶກສາ:ປະສົມຂໍ້ມູນ border-bottom

ຄູ່ມູນ HTML DOM ການປຶກສາ:ປະສົມຂໍ້ມູນ borderBottomWidth

ຕົວຢ່າງ

ການຈັດການລະດັບກາບກາງລຸ່ມ:

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 ແລະການຈັດການສາຍອາກາດທີ່ກ່ວາ IE7 ບໍ່ສາມາດການນໍາໃຊ້ຄູ່ມູນ "inherit" IE8 ຕ້ອງມີ !DOCTYPE. IE9 ສາມາດນໍາໃຊ້ "inherit".