คุณสมบัติ outlineColor ของ Style
- หน้าก่อน outline
- หน้าต่อไป outlineOffset
- กลับไปยังชั้นบน อนุประเทศ HTML DOM Style
คำอธิบายและการใช้งาน
outlineColor กำหนดหรือกลับค่าสีของรอยทางรอบตัวประกอบ
รอยทางคือเส้นที่ล้อมรอบตัวประกอบ มันแสดงออกมาด้านนอกของมุมของตัวประกอบ แต่มันไม่เกี่ยวข้องกับ คุณสมบัติ border ต่างกัน
รอยทางไม่ได้เป็นส่วนหนึ่งของขนาดของตัวประกอบ ดังนั้นความกว้างและความสูงของตัวประกอบไม่ประกอบด้วยความกว้างของรอยทาง
ดูเพิ่มเติม:
ตัวอย่าง CSSCSS ลายเส้น
คู่มือ CSSคุณสมบัติ outline-color
คู่มือ HTML DOMคุณสมบัติ outline
ตัวอย่าง
ตัวอย่าง 1
เปลี่ยนสีของรอยทางของ <div>:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
ตัวอย่าง 2
กลับค่าสีของ border ของ <div>:
alert(document.getElementById("myDiv").style.outlineColor);
คำสั่ง
กลับค่าคุณสมบัติ outlineColor:
object.style.outlineColor
ตั้งค่าคุณสมบัติ outlineColor:
object.style.outlineColor = "color|invert|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| color |
กำหนดสีของรอยทาง โปรดดู ค่าสี CSSสำหรับรายการค่าสีที่เป็นไปได้เต็มทั้งหมด |
| invert | จะเปลี่ยนสีของรอยทางเป็นค่าตรงกันข้าม ค่าเริ่มต้น |
| initial | จะตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | มีความหมายว่าจะสืบทอดคุณสมบัตินี้จากตัวประกอบพ่อของมัน โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น | invert |
|---|---|
| ค่าที่กลับมา | ตัวแปลข้อความ สำหรับสีของรอยทางส่วนประกอบ |
| เวอร์ชั่น CSS： | CSS2 |
บราวเซอร์สนับสนุน
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน outline
- หน้าต่อไป outlineOffset
- กลับไปยังชั้นบน อนุประเทศ HTML DOM Style
