ປະເພດ CSS border-bottom-style

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

border-bottom-style 设置元素下边框的样式。

只有当这个值不是 none 时边框才可能出现。

在 CSS1 中,HTML 用户代理只需支持 solid 和 none。

另请参阅:

CSS 教程:ການຄົ້ນຫາຂອງ CSS

CSS 参考手册:border-bottom 属性

HTML DOM 参考手册:borderBottomStyle 属性

实例

设置下边框的样式:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

亲自试一试

CSS 语法

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

属性值

ການອະທິບາຍ
none ກໍານົດວິກິດການບໍ່ມີບັນດາບັນນາທິການ.
hidden ຄືກັບ "none" ແຕ່ບໍ່ສະແດງຢູ່ໃນຕາມການຄົ້ນຫາ. ສຳລັບຕາມການຄົ້ນຫາ, "hidden" ຖືກນຳໃຊ້ເພື່ອຫຼອກຫຼົງການຂັດຂວາງບັນດາບັນດາບັນນາທິການ.
dotted ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ.
dashed ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ.
solid ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ.
double ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບຄູ່ມົນປະໂຫຍດຂອງ border-color.
groove ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບຄູ່ມົນປະໂຫຍດຂອງ border-color.
ridge ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບຄູ່ມົນປະໂຫຍດຂອງ border-color.
inset ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບຄູ່ມົນປະໂຫຍດຂອງ border-color.
outset ກໍານົດວິກິດການຕາມການອອກຂອງບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ. ຜົນຜະລິດຈະຈັງກັບຄູ່ມົນປະໂຫຍດຂອງ border-color.
inherit ກໍານົດວ່າຄວາມຕ້ອງການຂອງບັນດາບັນນາທິການຄືຈະຮັບມາຈາກສາຍພັນບັນດາບັນນາທິການຂອງສາຍພັນ.

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

ຄູ່ມົນປະໂຫຍດ: not specified
ການສະໜັບສະໜູນ: no
ສະຖານະ: CSS1
ວິກິດຍິງ JavaScript: object.style.borderBottomStyle="dotted"

ຫຼາຍການພະຍາຍາມອີກ

ຕັ້ງມາຕັ້ງວິກິດການບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ
ຄວາມຊີ້ວັດຈະສະແດງວ່າບວກບາງວິກິດການທີ່ຈະຕັ້ງມາຕັ້ງວິກິດການຂອງການຕັ້ງວິກິດການບາງຊ່ອງທີ່ຕິດຢູ່ດ້ານລຸ່ມ.

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2