ຄວາມຂວັນມິຕິນລະດັບ outline-color
- ການໄປກ່ອນ outline
- ຕໍ່ມາ outline-offset
定义和用法
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline 属性可设置元素周围的轮廓线。
ຄວາມເຫັນ:请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
ຄວາມເຫັນ:轮廓线不会占据空间,也不一定是矩形。
ປະສັບ outline-color ກຳນົດສີທີ່ສະແດງຂອງປະສັບກະບຽນທັງໝົດຂອງປະສັບ. ຕ້ອງຈັງວ່າ ປະສັບກະບຽນຈະບໍ່ແມ່ນ none, ຖ້າບໍ່ຈະຈະບໍ່ມີການສະແດງກະບຽນ.
ບໍ່ວ່າຈະມີການກໍານົດຄວາມຈະນັດຖະແຫ�ງວ່າ:
ການສອນ CSS:ລະບຽບ outline CSS
ປືກສາ CSS:ປະສັບ outline
ປືກສາບັນດາສາຍພາສາ HTML DOM:ປະສັບ outlineColor
ຄວາມຈະນັດຖະແຫ�ງ
ການກະກຽມສີຂອງການກະກຽມກະບຽນຂອງບັນດາບັນດາສາຍພາສາ:
p { outline-style:dotted; outline-color:#00ff00; }
ສັບພາສາ CSS:
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
ຄູ່ມັດທີ່ມີຄວາມຜິດຫວັງ
ຄູ່ມັດ | ການອະທິບາຍ |
---|---|
color_name | ການກໍານົດຄວາມຈະນັດຖະແຫຼງວ່າ ສີກະບຽນຂອງປະສັບກະບຽນຈະມີການກໍານົດຈາກຊື່ສີ (ອີງຕາມ red))。 |
hex_number | ການກໍານົດຄວາມຈະນັດຖະແຫຼງວ່າ ສີກະບຽນຂອງປະສັບກະບຽນຈະມີການກໍານົດຈາກລະບົບ ສີສະເພາະ (ອີງຕາມ #ff0000))。 |
rgb_number | ການກໍານົດຄວາມຈະນັດຖະແຫຼງວ່າ ສີກະບຽນຂອງປະສັບກະບຽນຈະມີການກໍານົດຈາກລະບົບ rgb 代码 (ອີງຕາມ rgb(255,0,0))。 |
invert | ຄູ່ມັດທີ່ມີຄວາມຜິດຫວັງຄວາມຜິດຫວັງ |
inherit | ການກໍານົດຄວາມຈະນັດຖະແຫຼງວ່າ ຄວາມຈະນັດຖະແຫຼງສີກະບຽນຂອງປະສັບກະບຽນຈະມີການສະໜັບສະໜູນຈາກປະສັບພາສາພາຍໃນ |
ຂໍ້ມູນດ້ານເຕັກນິກ
ຄູ່ມັດທີ່ມີຄວາມຜິດຫວັງຄວາມຜິດຫວັງ: | invert |
---|---|
ການສະໜັບສະໜູນ: | no |
ສະຖານະການ: | CSS2 |
ສັບພາສາ JavaScript: | object.style.outlineColor="#0000FF" |
TIY ຄວາມຈະນັດຖະແຫຼງ
- ການກະກຽມສີຂອງການກະກຽມກະບຽນ
- ຄວາມຈະນັດຖະແຫຼງວ່າ ການກະກຽມສີຂອງການກະກຽມກະບຽນ
ການສະໜັບສະໜູນບັນດາສາຍພາສາ
ຈຳນວນໃນຕາລະບັນຍັດສະແດງວ່າ ບັນດາສາຍພາສາທີ່ສະໜັບສະໜູນປະສັບນັ້ນຈະມີບັນດາບັນດາສາຍພາສາທີ່ສະໜັບສະໜູນປະສັບນັ້ນຈະມີບັນດາບັນດາສາຍພາສາທີ່ສະໜັບສະໜູນປະສັບນັ້ນຈະມີບັນດາບັນດາສາຍພາສາທີ່ສະໜັບສະໜູນປະສັບນັ້ນຈະມີບັນດາບັນດາສາຍພາສາທີ່ສະໜັບສະໜູນປະສັບນັ້ນ
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
ຄວາມເຫັນ:ຖ້າມີການກໍານົດ !DOCTYPE,IE8 ຈະສະໜັບສະໜູນປະສັບ outline。
- ການໄປກ່ອນ outline
- ຕໍ່ມາ outline-offset