ตัวอย่าง
เพิ่ม "solid" ร่างรอบ <div> องค์ประกอบ:
document.getElementById("myDiv").style.outlineStyle = "solid"; ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ outlineStyle ชุดหรือผลตอบแทนรูปแบบของร่างรอบองค์ประกอบ
ร่างเป็นสายรอบองค์ประกอบต์ มันจะแสดงรอบขอบขององค์ประกอบ แต่ก็มีความแตกต่างจากคุณสมบัติชายแดน
สรุปไม่ได้เป็นส่วนหนึ่งของขนาดขององค์ประกอบดังนั้นองค์ประกอบของความกว้างและความสูงคุณสมบัติไม่ได้มีความกว้างของเค้าร่าง
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ outlineStyle รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
Note: คุณสมบัติ outlineStyle ไม่สนับสนุนใน IE7 และก่อนหน้านี้ IE8 ต้องมี! DOCTYPE IE9 และต่อมาสนับสนุน
วากยสัมพันธ์
กลับทรัพย์สิน outlineStyle:
object .style.outlineStyle
ตั้งค่าคุณสมบัติ outlineStyle:
object .style.outlineStyle= value ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | กำหนดไม่มีเค้าร่าง นี้จะเริ่มต้น |
| hidden | เป็นสรุปปิด |
| dotted | กำหนดร่างประ |
| dashed | กำหนดร่างประ |
| solid | กำหนดโครงร่างแข็ง |
| double | กำหนดร่างคู่ |
| groove | กำหนดร่าง 3D ร่อง ผลขึ้นอยู่กับค่าโครงร่างสี |
| ridge | กำหนดร่างยับ 3D ผลขึ้นอยู่กับค่าโครงร่างสี |
| inset | กำหนดร่างภาพประกอบ 3 มิติ ผลขึ้นอยู่กับค่าโครงร่างสี |
| outset | กำหนดร่างเริ่มแรก 3D ผลขึ้นอยู่กับค่าโครงร่างสี |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มี |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของรูปแบบของโครงร่างองค์ประกอบของ |
| CSS รุ่น | CSS2 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนรูปแบบร่างของ <div> องค์ประกอบ:
document.getElementById("myDiv").style.outlineStyle = "solid";
ลองตัวเอง» ตัวอย่าง
กลับสไตล์ร่างของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.outlineStyle); ลองตัวเอง» ตัวอย่าง
การสาธิตของค่าที่แตกต่างกัน:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS Outline
อ้างอิง CSS: outline-style property
อ้างอิง HTML DOM: outline property
<สไตล์วัตถุ