ລະບົບຄິສສ ຜະບັງຄວາມສີທາງຂ້າງ

定义和用法

border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

border-color 属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。请看下面的例子：

ຕົວຢ່າງ 1

border-color:red green blue pink;
  • 上边框是红色
  • ຂ້າງຫົວແຫຼງແມ່ນສີຂຽວ
  • 下边框是蓝色
  • 左边框是粉色

例子 2

border-color:red green blue;
  • 上边框是红色
  • border-color:dotted red green;
  • 下边框是蓝色

例子 3

border-color:dotted red green;
  • border-color:red;
  • border-color:dotted red green;

ບົດສະຫຼຸບ 4

border-color:red;
  • ບາດີໂລເຊີ້ທັງສີເພີ່ມສີເພີ່ມສີເພີ່ມສີເພີ່ມສີເພີ່ມ

ຄວາມຄິດວ່າ ບາດີໂລເຊີ້ບໍ່ສາມາດຖືກ none ຫຼື hidden ຖ້າບໍ່ຈະສະແດງ border.

ຄວາມເຫັນສະແດງວ່າສະໜັບສະໜູນ border-style ທີ່ກ່ອນ border-color. ປະກອບມູນຕ້ອງຈະມີ border ກ່ອນທີ່ເຈົ້າຈະປ່ຽນສີ.

ບໍ່ດັງຄົບ:

ການສອນ CSS:ລະບົບສັບສຽງ CSS ກາບ

ປື້ມອະນຸຍາດ HTML DOM:borderColor ທາງວິທະຍານ

ບົດສະຫຼຸບ

ຕັ້ງສີກັບບາດີໂລເຊີ້ສີເພີ່ມສີເພີ່ມສີເພີ່ມສີເພີ່ມ

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

ທໍາອິດສະແດງດີ

CSS ວິທະຍານ

border-color: color|transparent|initial|inherit;

ຄູ່ມູນທາງວິທະຍານ

ຄູ່ມູນ ສະແດງຄວາມ
color_name ພົບວ່າບາດີໂລເຊີ້ຄືບວ່າຈະສະໜັບສະໜູນບາດີໂລເຊີ້ຄືບວ່າຈະສະໜັບສະໜູນບາດີໂລເຊີ້ red。
hex_number ພົບວ່າບາດີໂລເຊີ້ຄືບວ່າຈະສະໜັບສະໜູນບາດີໂລເຊີ້ຄືບວ່າຈະສະໜັບສະໜູນບາດີໂລເຊີ້ #ff0000。
rgb_number ພົບວ່າບາດີໂລເຊີ້ຄືບວ່າຈະສະໜັບສະໜູນບາດີໂລເຊີ້rgb 代码 (ອີງຕາມ rgb(255,0,0))。
transparent ຄູ່ມູນຄົງທີ່. ບາດີໂລເຊີ້ສີແມ່ນສະປອດອາກາດ.
inherit ພົບວ່າຄູ່ມູນຄືບວ່າຈະສະໜັບສະໜູນຈາກປະກອບສາຍປະຈຳປະກອບມູນສາຍປະຈຳປະກອບມູນສາຍປະຈຳປະກອບມູນ

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

ຄູ່ມູນຄົງທີ່: not specified
ການສະໜັບສະໜູນ: no
ລະບົບສະບັບ: CSS1
JavaScript ວິທະຍານ: object.style.borderColor="#FF0000 blue"

ຫຼັກສັດອີກ

ຕັ້ງສັນຍາສີກັບບາດີໂລເຊີ້ສີເພີ່ມສີເພີ່ມສີເພີ່ມສີເພີ່ມສີເພີ່ມ
ບົດສະຫຼຸບນີ້ສະແດງວ່ານັກກວດຄຳປະກາດບາດີໂລເຊີ້ທີ່ຈະຕັ້ງສັນຍາສີກັບບາດີໂລເຊີ້ສີເພີ່ມສີຫຼາຍຫົກຄັ້ງຫຼືຫຼາຍຫຼາຍສີຫຼາຍຫຼາຍຄັ້ງ。

ການສະໜັບສະໜູນບາດີໂລເຊີ້

ຈຳນວນຕົວເລກໃນຕາມເບສແອວ ໄດ້ບັນທຶກວ່າບາດີໂລເຊີ້ທໍາອິດທີ່ສະໜັບສະໜູນຄູ່ມູນນັ້ນ。

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

ຄວາມເຫັນInternet Explorer 6 (ແລະບັນດາບາດີໂລເຊີ້ທີ່ຫຼາຍກວ່າ) ບໍ່ສາມາດສະໜັບສະໜູນຄູ່ມູນ "transparent"。

ຄວາມເຫັນIE7 ແລະບັນດາບາດີໂລເຊີ້ທີ່ຫຼາຍກວ່າ IE7 ບໍ່ສາມາດສະໜັບສະໜູນຄູ່ມູນ "inherit"。IE8 ຕ້ອງມີ !DOCTYPE。IE9 ສາມາດ "inherit"。