คุณสมบัติ outlineOffset ของ Style
- หน้าก่อน outlineColor
- หน้าต่อไป outlineStyle
- กลับไปยังชั้นบน ตัวแปร HTML DOM Style
การระบุและการใช้งาน
outlineOffset คุณสมบัติ outline ย้ายเส้นเขตและวาดมันนอกเหนือจากขอบเขตของเส้นเขต。
เส้นเขตและขอบเขตมีสองข้างที่แตกต่าง:
- เส้นเขตไม่ได้เป็นพื้นที่
- เส้นเขตอาจไม่เป็นทรงกลม
ดูเพิ่มเติม:
คู่มือ CSS:คุณสมบัติ outline-offset
ตัวอย่าง
ย้ายเส้นเขตเหนือขอบเขตของเส้นเขตนอกเหนือจากขอบเขตเส้นเขต 15 พิกเซล:
document.getElementById("myDIV").style.outlineOffset = "15px";
รูปแบบ
กลับค่าคุณสมบัติ outlineOffset:
object.style.outlineOffset
ตั้งคุณสมบัติ outlineOffset:
object.style.outlineOffset = "length|initial|inherit"
ค่าคุณสมบัติ
| ค่า | การอธิบาย |
|---|---|
| length | ระยะทางระหว่างเส้นเขตแบบและขอบเขตของเส้นเขตนอกเหนือจากขอบเขตเส้นเขต โดยเริ่มต้นค่าเป็น 0。 |
| initial | ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。โปรดดู initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา。โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | 0 |
|---|---|
| ค่าที่กลับมา: | ตัวแปลสตริงที่แสดง คุณสมบัติ outline-offset。 |
| เวอร์ชั่น CSS: | CSS3 |
การสนับสนุนโปรแกรมน่าดูแล
ตัวเลขในตารางชี้แจงว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 15.0 | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน outlineColor
- หน้าต่อไป outlineStyle
- กลับไปยังชั้นบน ตัวแปร HTML DOM Style
