ທີ່ປົກກະຕິ border-top-color
- ໜ້າໃນຫນຶ່ງເບື້ອງຫນຶ່ງ border-top
- ໜ້າໃນຫນຶ່ງໜ້າ border-top-left-radius
ການສະແດງຕົວຢ່າງ ແລະການນຳໃຊ້
border-top-color ຕັ້ງສັນຍາມູນສັດເທິງທີ່ສູກສາກັນ.
ສາມາດກຳນົດພຽງແຕ່ສາຍສັດທີ່ສະຫຼາກແຕ່ບໍ່ຈະປາກົດ border-style none ຫລື hidden.
ຄຳເຫັນ:ຂໍ້ສັງເກດວ່າຄາດການ border-style ຄວນຖືກສັນຍາກ່ອນ border-color. ປະກອງຈະຕ້ອງມີການມີປະກອງກ່ອນທີ່ເປັນຄວາມສະຫຼາກສັດ.
ບໍ່ວ່າ:
ການສອນ CSSCSS ການປອດຂອງວິຊາ
ປື້ມກໍານົດ CSSborder-top 属性
ປື້ມກໍານົດ HTML DOMborderTopColor 属性
ຄວາມຄິດຈະການ
ຕັ້ງສັນຍາມູນສັດເທິງທີ່ສູກສາກັນ:
p { border-style:solid; border-top-color:#ff0000; }
ຄຳສັບພາສາ CSS
border-top-color: color|transparent|initial|inherit;
ຄູ່ມູນສັນຍາ
ຄູ່ມູນສັນຍາ
ຄູ່ມູນ | ການອະທິບາຍ |
---|---|
color_name | ມີການບັນທຶກວ່າຄູ່ມູນສັດຈະເປັນຄູ່ມູນສັດ color (red). |
hex_number | ມີການບັນທຶກວ່າຄູ່ມູນສັດຈະເປັນຄູ່ມູນສັດ hex (ff0000). |
rgb_number | ມີການບັນທຶກວ່າຄູ່ມູນສັດຈະເປັນຄູ່ມູນສັດ rgb (ອາຍຸສາມ, 0, 0). |
transparent | ຄູ່ມູນຄົງທົດສະຫຼາກ. ຄູ່ມູນສັດຈະຕ້ອງກາຍ. |
inherit | ມີການບັນທຶກວ່າຄູ່ມູນສັດຈະມາຈາກປະກອບຂອງປະກອງພາຍໃນ. |
ຂໍ້ມູນດ້ານເຕັກນິກ
ຄູ່ມູນຄົງທົດສະຫຼາກ: | not specified |
---|---|
ຄວາມຮັບຕຳນານ: | no |
ສະຖານະ: | CSS1 |
ຄຳສັບພາສາ JavaScript: | object.style.borderTopColor="blue" |
ການຕິດຕາມຄວາມຈິງ
- ຕັ້ງສັນຍາມູນສັດເທິງທີ່ສູກສາກັນ
- ຄວາມຄິດຈະການຕັ້ງສັນຍາມູນສັດເທິງທີ່ສູກສາກັນ.
ການສະບາຍບັນດາສາຍຜູ້ບັນຍາຍ
ໂດຍລະບຸທີ່ມີໃນຕາຕະລາງໄດ້ສະແດງວ່າສະບາຍທີ່ພົບວ່າສະບາຍຄູ່ມູນນັ້ນຄັ້ງທໍາອິດຂອງສາຍຜູ້ບັນຍາຍ.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ຄຳເຫັນ:Internet Explorer 6 (ແລະອາຍຸເກີນກວ່າ) ບໍ່ສາມາດຄູ່ມູນ "transparent".
ຄຳເຫັນ:Internet Explorer 7 ແລະອາຍຸເກີນກວ່າບໍ່ສາມາດການນຳໃຊ້ຄູ່ມູນ "inherit". IE8 ຕ້ອງ !DOCTYPE. IE9 ສາມາດ "inherit".
- ໜ້າໃນຫນຶ່ງເບື້ອງຫນຶ່ງ border-top
- ໜ້າໃນຫນຶ່ງໜ້າ border-top-left-radius