ตัวอย่าง
ระบุเค้าร่าง 15px นอกขอบชายแดน:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการโครงชดเชยเพิ่มช่องว่างระหว่างร่างและ EDGE หรือเขตแดนขององค์ประกอบ
เค้าโครงแตกต่างจากชายแดนในสองวิธี
- ร่างจะลากเส้นรอบองค์ประกอบนอกขอบชายแดน
- เค้าร่างไม่ได้ใช้พื้นที่
- ร่างอาจจะไม่ใช่สี่เหลี่ยม
| ค่าเริ่มต้น: | 0 |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | object .style.outlineOffset="15px" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | ได้รับการสนับสนุน | 3.5 | 3.1 | 10.5 |
CSS ไวยากรณ์
outline-offset:length|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| length | ระยะทางสรุปคือเริ่มจากขอบชายแดน ค่าเริ่มต้นคือ 0 |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS3 กวดวิชา: CSS3 ส่วนติดต่อผู้ใช้
อ้างอิง HTML DOM: outlineOffset property