ປະເພດ border-left-color

ການສະແດງຄວາມມອບສຳຫຼວດ

border-left-color ການຕັ້ງສີຂອງຊ້າຍຂາຫົວຂອງເອກະສັນ.

ພຽງແຕ່ສາມາດກໍານົດສີທຳມະດາເທົ່ານັ້ນແລະພຽງແຕ່ເວລາທີ່ບັນດາບັນດາການຈະຖືກກໍານົດໃນຄູ່ມູນ border-style ບໍ່ແມ່ນ none ຫລື hidden ບັນດາຊ້າຍຂາຫົວຈະສາມາດປະກົດຂຶ້ນ.

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

ອີງຕາມ:

CSS ການສອນ:ປະກາດຄູ່ມູນຄະນະການຂອງ CSS ບອກບາຍ

ຄູ່ມູນ CSS ການປຶກສາ:border-left

ຄູ່ມູນ HTML DOM ການປຶກສາ:ຄູ່ມູນ borderLeftColor

ຄວາມສະແດງ

ວິທີການຕັ້ງສັນຍາສີຂອງຊ້າຍຂາຫົວ:

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

ທົດລອງດາວໂຕ

ສັບພາສາ CSS

border-left-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.borderLeftColor="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".

" -->