Style border 属性

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

border ບັນຍາກົດເບິ່ງທີ່ກໍານົດຫລືກັບຄືນບັນຍາກົດເບິ່ງວົງວອກສັກສີສາມຄັ້ງຫລືຫລາຍກວ່ານັ້ນ.

ຜ່ານບັນດາບັນຍາກົດເບິ່ງຂອງບັນດາສັນຕິພາບທີ່ເປັນການກໍານົດຫລືກັບຄືນບັນຍາກົດເບິ່ງວົງວອກສັກສີສາມຄັ້ງຫລືຫລາຍກວ່ານັ້ນ(ຢູ່ໃນອັນດັບທີ່ໃດ).

ບໍ່ດັ່ງນັ້ນບັງຄັບເບິ່ງ:

ສາຍການສອນ CSS:CSS border

ສາຍລັດຖະບັນຍັດ CSS:border 属性

ຄວາມປະກອບ

ຕົວຢ່າງ 1

ການເພີ່ມ border ສັນຕິພາບ <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

ຕັ້ງການທົດລອງ

ຕົວຢ່າງ 2

ປ່ຽນວົງວອກ <div> ສັນຕິພາບ:

document.getElementById("myDiv").style.border = "thin dotted red";

ຕັ້ງການທົດລອງ

ຕົວຢ່າງ 3

ກັບຄືນ border 属性 <div> ສັນຕິພາບ:

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

ຕັ້ງການທົດລອງ

ຄຳສັບພາສາ

ກັບຄືນ border 属性:

object.style.border

ຕັ້ງມູນວຽນ border 属性:

object.style.border = "width style color|initial|inherit"

ຄວາມມູນການວັດຖຸ

ຄວາມມູນ ການອະທິບາຍ
width ຕັ້ງມູນວຽນວົງວອກຂອງບັນດາສັນຕິພາບ.
style ຕັ້ງມູນວຽນການວົງວອກຂອງບັນດາສັນຕິພາບ.
color ຕັ້ງມູນວຽນສີຂອງບັນດາສັນຕິພາບວົງວອກ.
initial ຕັ້ງມູນວຽນເຊື່ອມຂອງບັນດາສັນຕິພາບໃຫ້ຫລາຍກວ່າການກໍານົດມູນວຽນເຊື່ອມປົກກະຕິ. ບັງຄັບເບິ່ງ initial.
inherit ຍິນຍອມການວັດທະນະທຳຂອງບັນດາສັນຕິພາບຈາກສາຍພາສາປົກກະຕິ. ບັງຄັບເບິ່ງ inherit.

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

ຄວາມມູນວຽນເຊື່ອມ: ບໍ່ມີການກໍານົດ.
ຄວາມຮັບຜິດຊອບ: ສາຍຄວາມສະແດງວ່າການວົງວອກຂອງບັນດາສັນຕິພາບວັດທະນະທຳການວົງວອກຂອງສັນຕິພາບຂອງບັນດາສັນຕິພາບການວົງວອກ.
ບັນຍາກົດເບິ່ງ CSS: CSS1

ການສະໜັບສະໜູນບັນຍາກົດເບິ່ງ

border ເປັນທາງພາສາ CSS1 (1996) ທາງພິການ。

ທຸກບັນຍາກົດເບິ່ງທັງໝົດການສະໜັບສະໜູນມັນ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ