ความหมายและการใช้งาน
ร่างเป็นสายที่ถูกวาดรอบองค์ประกอบ (outside the borders) เพื่อให้องค์ประกอบ "stand out"
สถานที่ให้บริการโครงสีระบุสีของเค้าร่าง
Note: เสมอประกาศคุณสมบัติเค้าร่างแบบก่อนที่ร่างคุณสมบัติสี องค์ประกอบที่จะต้องมีการร่างก่อนที่คุณจะเปลี่ยนสีของมัน
ค่าเริ่มต้น: | invert |
---|---|
รับการถ่ายทอด: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
เวอร์ชัน: | CSS2 |
ไวยากรณ์ javascript: | object .style.outlineColor="#FF0000" Try it |
เคล็ดลับและคำอธิบาย
ร่างเป็นสายรอบองค์ประกอบ มันจะแสดงรอบขอบขององค์ประกอบ แต่ก็มีความแตกต่างจากคุณสมบัติชายแดน
สรุปไม่ได้เป็นส่วนหนึ่งของขนาดขององค์ประกอบดังนั้นองค์ประกอบของความกว้างและความสูงคุณสมบัติไม่ได้มีความกว้างของเค้าร่าง
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
คุณสมบัติ | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 สนับสนุนคุณสมบัติร่างสีเฉพาะในกรณีที่ประเภทเอกสารที่ระบุไว้!
CSS ไวยากรณ์
outline-color: invert|color|initial|inherit;
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ | เล่น |
---|---|---|
invert | ดำเนินการผกผันสี เพื่อให้มั่นใจว่าร่างสามารถมองเห็นได้โดยไม่คำนึงถึงสีพื้นหลัง นี้จะเริ่มต้น | เล่น " |
color | ระบุสีของเค้าร่าง ดู CSS ค่าสี สำหรับรายการที่สมบูรณ์ของค่าสีที่เป็นไปได้ | เล่น " |
initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS Tutorial: CSS Outline
อ้างอิง CSS: outline property
อ้างอิง HTML DOM: outlineColor property