Style borderStyle ຜົນມີຊັບສັບ

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

borderStyle ຜົນມີຊັບສັບຂອງປະກອບສັບສາຍ.

ຜົນມີຊັບສັບຈາກໜຶ່ງເປັນສີ່:

  • ຄັກຄັນວ່າ: p {border-style: solid} - ຂໍ້ມູນບໍ່ທຳລາຍທັງໝົດສີ່ຂ້າງແມ່ນສາຍຮາກ
  • ສອງຄັນວ່າ: p {border-style: solid dotted} - ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງສູງກັນແມ່ນສາຍຮາກ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຂ້າງຊ້າຍກັນແມ່ນສາຍລາຍ
  • ສາມຄັນວ່າ: p {border-style: solid dotted double} - ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງສູງແມ່ນສາຍຮາກ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຂ້າງຊ້າຍກັນແມ່ນສາຍລາຍ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງດາຍແມ່ນສາຍທີມ
  • ສີ່ຄັນວ່າ: p {border-style: solid dotted double dashed} - ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງສູງແມ່ນສາຍຮາກ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຂ້າງຈາກແມ່ນສາຍລາຍ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງດາຍແມ່ນສາຍທີມ, ຂໍ້ມູນບໍ່ທຳລາຍຂອງຕາມຂ້າງດາຍແມ່ນສາຍລາຍ

ບໍ່ມີຄວາມເຫັນອີກ:

CSS ການສອນ:CSS 边框

CSS ປື້ມຂໍ້ມູນ:ຜົນມີຊັບສັບ border-style:

HTML DOM ປື້ມຂໍ້ມູນ:border attribute

ກໍານົດ

ຕົວຢ່າງ 1

ການເພີ່ມ border solid ສໍາລັບ <div> element:

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

ທົດລອງເອງ

ຕົວຢ່າງ 2

ການປ່ຽນຮູບແບບບາບຂອງບາບສີ່ຂອງ <div> element:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

ທົດລອງເອງ

ຕົວຢ່າງ 3

ການຕອບກັບ borderStyle ຂອງ <div> element:

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

ທົດລອງເອງ

ຕົວຢ່າງ 4

ການສະແດງທຸກຄຳຕອບກັບຄຳຕອບຂອງຄວາມຍາວ:

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

ທົດລອງເອງ

ຄຳສັບປະສານ

ການຕອບກັບ borderStyle 属性:

object.style.borderStyle

ການຕັດສິນຄັດ borderStyle 属性:

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

ລະອຽດດ້ານເຕັກນິກ

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

ການສະໜັບສະໜູນບູໄລ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持