Style borderTopStyle ບັນດາບາງ

ການສະແດງແລະການນຳໃຊ້

borderTopStyle ການຕັ້ງບັນດາບາງບັນດາບາງborderຂອງປະກອບພາຍໃນ.

ບໍ່ວ່າຍັງບອກ:

ການສອນCSS:ຊີບແບບ CSS

ການປຶກສາCSS:ບັນດາບາງborder-top-style

ການປຶກສາHTML DOM:ບັນດາບາງborder

ຄວາມຄິດ

ຕົວຢ່າງ 1

ການເພີ່ມບາງບັນຍາກາວາງປະກອບ<div>:

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

ທ່ານສາມາດທົດລອງຕົວຢ່າງນັ້ນອອກຕາມນັ້ນ.

ຕົວຢ່າງ 2

ການປ່ຽນຕົວບາບຂອງ <div> ທີ່ມີເປັນ "dotted":

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

ທ່ານສາມາດທົດລອງຕົວຢ່າງນັ້ນອອກຕາມນັ້ນ.

ຕົວຢ່າງ 3

ການຫຼອກວັດສະດຸບາບຂອງ <div> ທີ່ມີ:

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

ທ່ານສາມາດທົດລອງຕົວຢ່າງນັ້ນອອກຕາມນັ້ນ.

ຕົວຢ່າງ 4

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

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

ທ່ານສາມາດທົດລອງຕົວຢ່າງນັ້ນອອກຕາມນັ້ນ.

ວິທິການ

ການຫຼອກວັດສະດຸ borderTopStyle:

object.style.borderTopStyle

ການປ່ຽນຕົວຂອງ borderTopStyle:

object.style.borderTopStyle = value|initial|inherit
ມູນຄ່າ ການອະທິບາຍ
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
ສະໜັບ ສະໜັບ ສະໜັບ ສະໜັບ ສະໜັບ