ປະກອບສ່ວນ CSS border-bottom

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

ປະສາດການກໍານົດ border-bottom ການກໍານົດບັນດາປະສາດທີ່ຢູ່ໃນຖະໜົນລຸ່ມໃນຖະໜົນລຸ່ມດຽວ.

ສາມາດກໍານົດຄູ່ມູນຄ່າດັ່ງກ່າວໃນທຳມະດາທີ່:

ຖ້າບໍ່ການກໍານົດຄູ່ມູນຄ່າໃດໜຶ່ງນັ້ນຍັງບໍ່ມີບັນຫາ, ອີງຕາມ border-bottom:solid #ff0000; ກໍ່ຖືກອະນຸຍາດ.

ອີງຕາມ:

ການສອນ CSSການດູແລກຂອງ CSS

ປືກສາ HTML DOMປະສາດ borderBottom

ກໍານົດການ

ການກໍານົດຮູບແບບບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

ທົດລອງດັ່ງກ່າວດັ່ງກ່າວ

ສັບພາສາ CSS

border-bottom: border-width border-style border-color|initial|inherit;

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

ຄູ່ມູນຄ່າ ການອະທິບາຍ
border-bottom-width ກໍານົດວ່າຄວາມກວມທີ່ຈະປະກອບບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ. ເບິ່ງ:border-bottom-width ຄູ່ມູນຄ່າທີ່ສາມາດມີໃນປະສາດວິທະຍານນັ້ນ.
border-bottom-style ກໍານົດວ່າຮູບແບບບາງບາງທີ່ຈະປະກອບບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ. ເບິ່ງ:border-bottom-style ຄູ່ມູນຄ່າທີ່ສາມາດມີໃນປະສາດວິທະຍານນັ້ນ.
border-bottom-color ກໍານົດວ່າສີທີ່ຈະປະກອບບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ. ເບິ່ງ:border-bottom-color ຄູ່ມູນຄ່າທີ່ສາມາດມີໃນປະສາດວິທະຍານນັ້ນ.
inherit ກໍານົດວ່າຄວາມຄິດວ່າຄວາມຄິດຈະຕ້ອງອາດຫຼິ້ນຕິດຕໍ່ບັນດາຄູ່ກັບ border-bottom ຂອງປະກອບອົງກອນຜູ້ໂຫຼດ.

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

ຄູ່ມູນຄ່າລະເບີດການ: not specified
ການອາດຫຼິ້ນຕິດຕໍ່: no
ສະຖານະການ: CSS1
ສັບພາສາ JavaScript: object.style.borderBottom="3px solid blue"

ກໍານົດການທົດລອງຫຼາຍກວ່າ

ບັນດາປະສັກບາງບາງການກໍານົດບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ
ກໍານົດການທົດລອງດັ່ງກ່າວດ້ວຍປະສາດວິທະຍານການກໍານົດທີ່ສາກົນຂອງບັນດາຄູ່ກັບການກໍານົດບັນດາປະສັກບາງບາງທີ່ຢູ່ໃນຖະໜົນລຸ່ມ.

ການສະຫຼາດບັນດາການສາດຕະວິພາກ

ຈຳນວນໃນຕາຕະລາງທີ່ວາງຢູ່ໃນຕາຕະລາງສະແດງວ່າການສະຫຼາດຄົບປະມານສຳລັບປະສາດວິທະຍານນັ້ນ.

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

ຄວາມອະທິບາຍ:IE7 ແລະບັນດາການສາດຕະວິພາກອາຍຸອາຍຸກ່ວາ IE7 ບໍ່ສາມາດບໍ່ຮັບຄູ່ "inherit". IE8 ຕ້ອງ !DOCTYPE. IE9 ສາມາດ "inherit".