ຄູ່ມີສີຊາຍບາດທີ່ຢູ່ດ້ານລຸ່ມຂອງ CSS

ການກໍານົດແລະການນໍາໃຊ້

border-bottom-color ການຈັດຕັ້ງສີບ້ານບາດລຸ່ມລຸ່ມຂອງປະກອບສາຍພະຍາຍາມ.

ຈະສາມາດກໍານົດພຽງແຕ່ສີທີ່ບາງດຽວ ແລະພຽງແຕ່ເວລາທີ່ບັນດາບັນດາບາດລຸ່ມລຸ່ມຈະແມ່ນຄູ່ມູນບໍ່ແມ່ນ none ຫຼື hidden ຈະສາມາດເຫັນມາ.

ຄວາມອະທິບາຍ:ຈະຕ້ອງການຖືກກ່າວຫາ border-style ຄູ່ມູນ border-color. ປະກອບສາຍພະຍາຍາມຕ້ອງຈະມີບ້ານບາດລຸ່ມລຸ່ມກ່ອນທີ່ຈະປ່ຽນສີ.

ບໍ່ວ່າ:

CSS ການສອນ:ກາຕາກາງ CSS

ປື້ມການປະກອບສາຍພະຍາຍາມ CSS:border-bottom ປະສົມ

ປື້ມການປະກອບສາຍພະຍາຍາມ HTML DOM:borderBottomColor ປະສົມ

ຄວາມສະແດງ

ຈັດຕັ້ງສີບ້ານບາດລຸ່ມລຸ່ມ:

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

ທຳການທົດສອບຄົນວັດທະນະທຳ

CSS ສັນຍາວິດສະວະ

border-bottom-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.borderBottomColor="blue"

ຄວາມສະແດງຫຼາຍຫຼັງນັ້ນ

ຈັດຕັ້ງສີບ້ານບາດລຸ່ມລຸ່ມ
ຄວາມສະແດງຂອງການຈັດຕັ້ງສີບ້ານບາດລຸ່ມລຸ່ມ.

ການສະໜັບສະໜູນບັນດາສາຍພະຍາຍາມ

ຈຳນວນໃນຕາກາດສະແດງວ່າການສະໜັບສະໜູນຄູ່ມູນຄັ້ງທໍາອິດຂອງບັນດາສາຍພະຍາຍາມ.

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

ຄວາມອະທິບາຍ:Internet Explorer 6 (ແລະຫຼັງຈາກນັ້ນ) ບໍ່ສາມາດນໍາໃຊ້ຄູ່ມູນ "transparent".

ຄວາມອະທິບາຍ:IE7 ແລະຫຼັງຈາກນັ້ນບໍ່ສາມາດການນໍາໃຊ້ຄູ່ມູນ "inherit". IE8 ຕ້ອງມີ !DOCTYPE. IE9 ສາມາດນໍາໃຊ້ "inherit".