Style outlineStyle 属性
- ກ່ອນໜ້ານີ້ outlineOffset
- ຫົວຂໍ້ບ່ອນໜ້າຫຼັງ outlineWidth
- ກັບຄືນລະບົບ HTML DOM Style Object
定义和用法
outlineStyle
属性设置或返回元素周围轮廓的样式。
轮廓是围绕元素的一条线。它显示在元素的外边距周围。但是,它与边框属性不同。
ຮູບແບບບໍ່ໄດ້ລວມຄູ່ມູນຄ່າຂອງສິ່ງປະກອບບັນຊີ່ຫຼັກໄບປະກອບສິ່ງຫຼັກໄບປະກອບຄືບໍ່ມີການຕີບຕາຍຂອງບັນຊີຫຼັກໄບ.
另请参阅:
See also:ການຈັດວາງ CSS
CSS Tutorial:CSS Reference Manual:
outline-style attributeHTML DOM Reference Manual:
outline attribute
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ການປ່ຽນຄວາມລະດັບພາສາຂອງ <div> ປະກອບອາກາດ:
document.getElementById("myDiv").style.outlineStyle = listValue;
ການເພີ່ມວົງທີ່ດີວິກອ້ອມປະກອບອາກາດ <div>:
ຕົວຢ່າງ 2
ການປ່ຽນຄວາມລະດັບພາສາຂອງ <div> ປະກອບອາກາດ:
document.getElementById("myDiv").style.outlineStyle = listValue;
document.getElementById("myDiv").style.outlineStyle = "solid";
ຕົວຢ່າງ 3
ການຫາຄວາມລະດັບພາສາຂອງ <div> ປະກອບອາກາດ:
document.getElementById("myDiv").style.outlineStyle = listValue;
alert(document.getElementById("myDiv").style.outlineStyle);
ຕົວຢ່າງ 4
ການສະແດງທຸກຄຳມູນທີ່ຕ່າງກັນ: var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
ພະຍາຍາມຕະຫລອດຂອງທ່ານ:
syntax
ການຕັດສິນຄວາມລະດັບພາສາ outlineStyle:ການຫາຄວາມລະດັບພາສາ outlineStyle:
.style.outlineStyle
ການຕັດສິນຄວາມລະດັບພາສາ outlineStyle:object .style.outlineStyle =
value
attribute value | value |
---|---|
none | description |
ຄູ່ມົງຄວາມລະດັບພາສາລະດັບສົມບູນ. ກໍານົດສະແດງວົງທີ່ບໍ່ມີ. | hidden |
ວົງຖືກປິດ. | dotted |
ກໍານົດສະແດງວົງທີ່ບວມບັນທືກ. | dashed |
ກໍານົດສະແດງວົງທີ່ບວມ. | solid |
ກໍານົດສະແດງວົງທີ່ດີວິກ. | double ກໍານົດສະແດງວົງຂອງການປະຕູກັນທີ່ສອງ. ວົງທີ່ຂະຫຍາຍກວ່າຄວາມລະດັບພາສາ outline-width |
ຄູ່ມົງຄວາມລະດັບພາສາ | ກໍານົດສະແດງຂອງສະພາບວົງຂອງການປະຕູກັນ 3D. ກໍານົດສະແດງສະພາບວົງຂອງການປະຕູກັນ 3D. ປະຕິກິລິຍາກັບ outline-color ຄູ່ມົງຄວາມລະດັບພາສາ |
ridge | ກໍານົດສະແດງຂອງສະພາບວົງຂອງການປະຕູກັນ 3D. ກໍານົດສະແດງສະພາບວົງຂອງການປະຕູກັນ 3D. ປະຕິກິລິຍາກັບ outline-color ຄູ່ມົງຄວາມລະດັບພາສາ |
inset | ກໍານົດສະແດງຂອງສະພາບວົງຂອງການປະຕູກັນ 3D. ປະຕິກິລິຍາກັບ outline-color ຄູ່ມົງຄວາມລະດັບພາສາ |
outset | ກໍານົດສະແດງຂອງສະພາບວົງຂອງການປະຕູກັນ 3D. ປະຕິກິລິຍາກັບ outline-color ຄູ່ມົງຄວາມລະດັບພາສາ |
initial | ຕັດສິນຄວາມລະດັບພາສາຫາລືກັບຄູ່ມົງຄວາມລະດັບພາສາ. ບັນຊີ initial. |
inherit | ຍຶດຕົວຄວາມລະດັບພາສາຈາກປະກອບອາກາດຜູ້ໃຫຍ່. ບັນຊີ inherit. |
ຂໍ້ມູນດ້ານເຕັກນິກ
ຄູ່ມົງຄວາມລະດັບພາສາ: | none |
---|---|
ຜົນກະທົບ: | ສະແດງຕົວສາມາດຄວາມວິງຄືບຂອງປະກອບອາກາດ. |
ສະພາບ CSS: | CSS2 |
ສະໜັບສະໜູນເຄືອງອາກາດ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ |
- ກ່ອນໜ້ານີ້ outlineOffset
- ຫົວຂໍ້ບ່ອນໜ້າຫຼັງ outlineWidth
- ກັບຄືນລະບົບ HTML DOM Style Object