Style borderBottomStyle ຜົນງານ

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

borderBottomStyle ການກະກຽມບັນດາລະບຽບບາດຖົງດ້ານກ້ອງຂອງປະກອບອາດີດ.

ບໍ່ບໍ່ບັນປາ:

ຄູ່ມື CSS:ຜົນປະສົມ CSS border

ຄູ່ມື CSS:ຜົນງານ border-bottom-style

ຄູ່ມື HTML DOM:ຜົນງານ border

ຄວາມຄິດທີ່ຄົ້ນຄວ້າ

ຕົວຢ່າງ 1

ການເພີ່ມບາດຖົງດ້ານກ້ອງຂອງ <div> ເປັນສິ່ງຈະແລະ:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

ທົດລອງດ້ວຍຕົວຕົນ

ຕົວຢ່າງ 2

ການປ່ຽນລະບຽບບາດຖົງດ້ານກ້ອງຂອງ <div> ເປັນ "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

ທົດລອງດ້ວຍຕົວຕົນ

ບັນດາຄວາມທີ 3

ການຕອບກັບຮູບແບບບາດລຸ່ມຂອງ <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

ທົດລອງດ້ວຍຕົວຕົນ

ບັນດາຄວາມທີ 4

ການສະແດງທັງໝົດຄູ່ມູນທີ່ຕ່າງກັນ:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

ທົດລອງດ້ວຍຕົວຕົນ

ການອອກມາຂອງຄຳສັ່ງ

ການຕອບກັບ borderBottomStyle:

object.style.borderBottomStyle

ການຕັ້ງຄູ່ມູນ borderBottomStyle:

object.style.borderBottomStyle = value

ຄູ່ມູນຂອງບັນດາຄູ່ມູນ

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

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

ຄຳຕອບກັບຄົນປະດິດ: none
ຄຳຕອບກັບ: ຄຳເວົ້າທີ່ສະແດງວ່າຮູບແບບຂອງບາດບອກຂອງບັນດາປະກອບຂອງສັດນະພາບ。
ບັນດາຄູ່ມູນ CSS: CSS1

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

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

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

ຄວາມເຫັນ:IE7 ແລະອີກຫຼາຍກວ່າບໍ່ສາມາດການນຳໃຊ້ຄູ່ມູນ "hidden"。IE9 ແລະອີກຫຼາຍກວ່າສາມາດນຳໃຊ້ "hidden"。