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