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