ມາຍລະບົບ outline

定义和用法

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

ຄວາມຄິດເຫັນ：轮廓线不会占据空间，也不一定是矩形。

ລະບົບ outline ການກໍານົດທັງໝົດຂອງລະບົບຂອງພາຍໃນທີ່ຈະມີຢູ່ໃນການກໍານົດດຽວກັນ.

ສາມາດກໍານົດອີກຄືນນີ້ເປັນທີ່ສະຫຼຸບທີ່ຈະມີຢູ່ຂອງພາຍໃນທີ່ຈະມີຢູ່.

ຖ້າບໍ່ມີການກໍານົດຄືນໜຶ່ງຂອງຄືນຈະບໍ່ມີບັນຫາຫຼື ອີກດັ່ງ outline:solid #ff0000; ກໍ່ຈະອະນຸຍາດ.

ບໍ່ມີຄວາມຄິດເຫັນອື່ນອີກ：

ຄູ່ມື CSS ສະຫຼຸບການCSS 轮廓

ຄູ່ມື HTML DOM ສະຫຼຸບການລະບົບ outline

ບົດສະຫຼຸບ

ການກໍານົດລະບົບສາຍຂອງສີ່ຂ້າງ.

p
  {
  outline:#00FF00 dotted thick;
  }

ທົດລອງຕົວເອງ

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

outline: outline-width outline-style outline-color|initial|inherit;

ຄວາມຜົນດັງຂອງລະບົບ

ຄວາມຜົນດັງ ການອະທິບາຍ
outline-color ມັນຈະກໍານົດສີຊາຍ.outline-color ຄວາມຜົນດັງທີ່ເປັນໄປໄດ້.
outline-style ມັນຈະກໍານົດລະບົບຊາຍ.outline-style ຄວາມຜົນດັງທີ່ເປັນໄປໄດ້.
outline-width ມັນຈະກໍານົດຄວາມແອັດຄວາມຂອງຊາຍບອກ.outline-width ຄວາມຜົນດັງທີ່ເປັນໄປໄດ້.
inherit ມັນຄວນຈະຖືກນຳມາຈາກປະກອບຂອງພາຍໃນທີ່ຈະກໍານົດລະບົບ outline。

ລະບົບສາຍວິທີ

ຄວາມຜົນດັງເກົ່າ： invert none medium
ການຖືກນຳມາຈາກປະກອບຂອງພາຍໃນ： no
ສະຖານະການ： CSS2
ສັນຍາວິສະວະຍາ JavaScript： object.style.outline="#0000FF dotted thin"

ຄວາມຄິດເຫັນ TIY

ເຮັດສາຍອ້ອມປະກອບຂັ້ນ
ບົດສະຫຼຸບນີ້ສະແດງວ່າຈະໃຊ້ລະບົບ outline ໃນການເຮັດສາຍອ້ອມປະກອບຂອງບັນດາປະກອບຂັ້ນ.

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາການຈະບອກກັບການສະໜັບສະໜູນລະບົບທີ່ທຳອິດທີ່ສະໜັບສະໜູນລະບົບດັ່ງກ່າວ。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

ຄວາມຄິດເຫັນ：ຖ້າມີການກໍານົດ !DOCTYPE，IE8 ຈະສະໜັບສະໜູນລະບົບ outline。