ตัวอย่าง
เพิ่มร่างรอบ <div> องค์ประกอบ:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติร่างหรือผลตอบแทนทุกคุณสมบัติเค้าร่างในรูปแบบที่จดชวเลข
ด้วยคุณสมบัตินี้คุณสามารถตั้ง / กลับหนึ่งหรือมากกว่าหนึ่งดังต่อไปนี้ (ในลำดับใด ๆ ):
- ร่างที่มีความกว้าง
- ร่างแบบ
- ร่างสี
ร่างเป็นสายรอบองค์ประกอบต์ มันจะแสดงรอบขอบขององค์ประกอบ แต่ก็มีความแตกต่างจากคุณสมบัติชายแดน
สรุปไม่ได้เป็นส่วนหนึ่งของขนาดขององค์ประกอบดังนั้นองค์ประกอบของความกว้างและความสูงคุณสมบัติไม่ได้มีความกว้างของเค้าร่าง
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการโครงร่างได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
Note: สถานที่ให้บริการโครงร่างที่ไม่ได้รับการสนับสนุนใน IE7 และก่อนหน้านี้ IE8 ต้องมี! DOCTYPE IE9 และต่อมาสนับสนุน
วากยสัมพันธ์
คืนทรัพย์สินร่าง:
object .style.outline
ตั้งค่าคุณสมบัติเค้าร่าง:
object .style.outline=" ค่าทรัพย์สิน พารามิเตอร์ ลักษณะ width กำหนดความกว้างของเค้าร่าง style ชุดรูปแบบของเค้าร่าง color ตั้งค่าสีของเค้าร่าง initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: กลับไม่มีสื่อ กลับค่า: สตริงที่เป็นตัวแทนของความกว้างโครงร่างรูปแบบและ / หรือสีขององค์ประกอบ CSS รุ่น CSS2
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนความกว้างสไตล์และสีของเค้าร่างของที่ <div> องค์ประกอบ:
document.getElementById("myDiv").style.outline = "5px dotted green"; ลองตัวเอง»
ตัวอย่าง
กลับค่าทรัพย์สินร่างของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.outline); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS Outline
อ้างอิง CSS: outline property
<สไตล์วัตถุ