ລະບົບ CSS border-style

定义和用法

border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

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

例子 1

border-style:dotted solid double dashed;
  • 上边框是点状
  • 右边框是实线
  • 下边框是双线
  • 左边框是虚线

例子 2

border-style:dotted solid double;
  • 上边框是点状
  • 右边框和左边框是实线
  • 下边框是双线

例子 3

border-style:dotted solid;
  • 上边框和下边框是点状
  • 右边框和左边框是实线

例子 4

border-style:dotted;
  • 所有 4 个边框都是点状

另请参阅：

CSS 教程：CSS 边框

HTML DOM 参考手册：borderStyle 属性

实例

设置 4 个边框的样式：

p
  {
  border-style:solid;
  }

亲自试一试

CSS 语法

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

属性值

值 ການອະທິບາຍ
none 定义无边框。
hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
hidden ການກໍານົດບາງຊ້າຍ dotted. ມັນຈະສະແດງວ່າ solid ໃນຫຼາຍບັດຊີວິດ.
dashed ການກໍານົດບາງຊ້າຍ dashed. ມັນຈະສະແດງວ່າ solid ໃນຫຼາຍບັດຊີວິດ.
solid ການກໍານົດບາງຊ້າຍ solid.
double ການກໍານົດບາງຊ້າຍ double. ປະສິດທິພາບຂອງມັນຈະຈະມີການຕິດຕາມຈຳນວນຂອງ border-color.
groove ການກໍານົດບາງຊ້າຍ 3D groove. ປະສິດທິພາບຂອງມັນຈະຈະມີການຕິດຕາມຈຳນວນຂອງ border-color.
ridge ການກໍານົດບາງຊ້າຍ 3D ridge. ປະສິດທິພາບຂອງມັນຈະຈະມີການຕິດຕາມຈຳນວນຂອງ border-color.
inset ການກໍານົດບາງຊ້າຍ 3D inset. ປະສິດທິພາບຂອງມັນຈະຈະມີການຕິດຕາມຈຳນວນຂອງ border-color.
outset ການກໍານົດບາງຊ້າຍ 3D outset. ປະສິດທິພາບຂອງມັນຈະຈະມີການຕິດຕາມຈຳນວນຂອງ border-color.
inherit ມີຄວາມຕ້ອງການວ່າຈຳນວນທີ່ຢູ່ໃນຕາລະບົດສະແດງຄວາມພະຍາຍາມຂອງສາຍບັດຊີວິດທີ່ເປັນການສະໜັບສະໜູນສະບາຍດັ່ງກ່າວ.

ການອະທິບາຍ

ການຈະປະສົມທີ່ບໍ່ສາມາດຄາດຄະເນໄດ້ທີ່ສຸດແມ່ນ border-style double. ມັນຖືກກໍານົດວ່າຈຳນວນຂອງຕາກິກທີ່ຫຼາຍກວ່າບາງຕາກິກທີ່ມີຈຳນວນຂອງມັນພຽງແຕ່ border-width. ບົດບັນຍັດ CSS ບໍ່ໄດ້ກ່າວວ່າຕາກິກທີ່ໜຶ່ງມີຈຳນວນທີ່ຫຼາຍກວ່າຕາກິກອີກຫຼືບາງຕາກິກມີຈຳນວນດຽວກັນ, ບໍ່ໄດ້ກ່າວວ່າຈຳນວນຂອງບາງຕາກິກທີ່ຫຼາຍກວ່າຕາກິກອີກ. ທຸກຢ່າງນີ້ຈະຖືກຕັດສິນໂດຍຜູ້ບໍລິຫານບັດຊີວິດ, ຜູ້ອອກວຽກບໍ່ມີຄວາມມີຄວາມຄິດກ່ຽວກັບການຕັດສິນນີ້.

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

ຄຳນວຍງານສົມທອນ: not specified
ການຖືກນຳມາຈາກຜູ້ປົກຄອງ: no
ລະດັບ: CSS1
ສັບພາສາ JavaScript: object.style.borderStyle="dotted double"

ການພິສູດຫຼາຍກວ່າອີກ

ຕັ້ງກັບບາງຊ້າຍທີ່ຫຼາຍກວ່າອີກບາງຊ້າຍ
ຄວາມຄິດທີ່ສະແດງວ່າຈະຕັ້ງກັບບາງຊ້າຍທີ່ຫຼາຍກວ່າອີກບາງຊ້າຍ
ຕັ້ງກັບບາງຊ້າຍທີ່ຫຼາຍກວ່າອີກບາງຊ້າຍ
ຄວາມຄິດທີ່ສະແດງວ່າຈະຕັ້ງກັບບາງຊ້າຍທີ່ຫຼາຍກວ່າອີກບາງຊ້າຍ.

ການສະໜັບສະໜູນບັດຊີວິດ

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5