CSS outline-color คุณภาพ
- หน้าก่อน outline
- หน้าต่อไป outline-offset
การเฉพาะคุณสมบัติและการใช้งาน
outline (รอยทาง) คือสายที่วาดรอบองค์ประกอบ ตั้งอยู่นอกชายของขอบเขต ซึ่งสามารถทำให้องค์ประกอบเห็นชัดเจนมากยิ่งขึ้น outline อุปกรณ์สามารถตั้งค่ารอยทางรอบองค์ประกอบ
หมายเหตุ：ควรประกาศ outline-style ก่อนที่จะประกาศ outline-color ตลอดเวลา องค์ประกอบจะต้องมีรอยทางก่อนที่จะสามารถเปลี่ยนสีรอยทางได้
หมายเหตุ：รอยทางไม่เป็นตัวกลม และไม่จำเป็นต้องเป็นทรงกลม
outline-color อุปกรณ์กำหนดสีของส่วนที่เห็นได้ทั้งหมดของรอยทางขององค์ประกอบ จะควรจดจำว่า รูปแบบรอยทางไม่ใช่ none ไม่ใช่จะมีรอยทาง
ดูเพิ่มเติมที่：
การเรียนรู้ CSS รวมถึง：CSS ลักษณะเขต
คู่มือ CSS รวมถึง：outline อุปกรณ์
คู่มือเอชทีเอ็มแอลล์ดอม (HTML DOM) รวมถึง：outlineColor อุปกรณ์
ตัวอย่าง
ตั้งค่าสีของรอยทางแบบจุดเรียบยื่น：
p
{
outline-style:dotted;
outline-color:#00ff00;
}
การเขียนภาษา CSS
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
ค่าของอุปกรณ์
| ค่า | คำอธิบาย |
|---|---|
| color_name | กำหนดสีของรอยทางด้วยชื่อสี (เช่น red) |
| hex_number | กำหนดสีของรอยทางด้วยรหัสสีสิ่งที่เป็นหนึ่งหลัก (เช่น #ff0000) |
| rgb_number | กำหนดสีของรอยทางด้วยรหัส rgb (เช่น rgb(255,0,0)) |
| invert | ค่าเริ่มต้น。ทำการยกเลิกสี (สีที่ยกเลิก) ซึ่งทำให้รอยทางเห็นได้ในสีพื้นหลังต่างๆ |
| inherit | กำหนดให้การตั้งค่าสีของรอยทางมาจากตัวปลายทาง |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น： | invert |
|---|---|
| การสืบทอด： | no |
| เวอร์ชัน： | CSS2 |
| ระบบการเขียนภาษา JavaScript： | object.style.outlineColor="#0000FF" |
ทดลองด้วยตัวเอง
- ตั้งค่าสีของรอยทาง
- ตัวอย่างการตั้งค่าสีของรอยทาง
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางชี้ถึงสูตรบราวเบิร์นเวอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
หมายเหตุ：ถ้ากำหนด !DOCTYPE ตามไป จะมีการสนับสนุน outline ที่ IE8
- หน้าก่อน outline
- หน้าต่อไป outline-offset
