Style คุณสมบัติ outlineStyle

การระบุและใช้งาน

outlineStyle คุณสมบัติการตั้งค่าหรือกลับค่าสไตล์ของรอยลวดรอบส่วนประกอบ

รอยลวดเป็นสายที่ล้อมรอบส่วนประกอบ มันแสดงขึ้นในช่องว่างรอบช่องกว้างของเงื่อนไข แต่มันแตกต่างจากคุณสมบัติของเขตเวลา

รอยลวดไม่เป็นส่วนหนึ่งของขนาดส่วนประกอบ ดังนั้นความกว้างและความสูงของส่วนประกอบไม่ประกอบด้วยความกว้างของรอยลวด

ดูเพิ่มเติม:

การเรียนรู้ CSS:CSS ลายรอย

คู่มือ CSS:outline-style รายละเอียด

คู่มือ HTML DOM:outline รายละเอียด

ตัวอย่าง

ตัวอย่าง 1

เพิ่มขอบเส้นตรงในรอบ <div> ไอเดียน:

document.getElementById("myDiv").style.outlineStyle = "solid";

ลองเดาเดินทาง

ตัวอย่าง 2

เปลี่ยนรูปแบบขอบของ <div> ไอเดียน:

document.getElementById("myDiv").style.outlineStyle = "solid";

ลองเดาเดินทาง

ตัวอย่าง 3

คืนค่ารูปแบบขอบของ <div> ไอเดียน:

alert(document.getElementById("myDiv").style.outlineStyle);

ลองเดาเดินทาง

ตัวอย่าง 4

แสดงการนำเสนอของค่าที่ต่างกัน:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

ลองเดาเดินทาง

ภาษาบอกเล่น

คืนค่าคุณสมบัติ outlineStyle:

object.style.outlineStyle

ตั้งค่าคุณสมบัติ outlineStyle:

object.style.outlineStyle = value

ค่าคุณสมบัติ

ค่า คำอธิบาย
none เริ่มต้น
hidden ขอบทรงสามมิติถูกปิด
dotted กำหนดขอบทรงสามมิติที่แบบจุด
dashed กำหนดขอบทรงสามมิติที่แบบแสบ
solid กำหนดขอบทรงสามมิติที่แบบเส้นตรง
double กำหนดขอบทรงสามมิติที่แบบทวิสาย outline-width ค่า
groove กำหนดขอบทรงสามมิติที่มีร่วมโค้ง กำหนดขอบทรงสามมิติที่มีร่วมโค้ง outline-color ค่า
ridge กำหนดขอบทรงสามมิติที่มีร่วมโค้ง outline-color ค่า
inset กำหนดขอบทรงสามมิติที่ร่วมโค้ง outline-color ค่า
outset กำหนดขอบทรงสามมิติที่หนาแน่น outline-color ค่า
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit สืบทอดคุณสมบัตินี้จากตัวปลายตามแบบฟอร์มของพ่อของเขา โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: none
ค่าที่คืนค่า: ข้อความแบบสตริงที่แสดงรูปแบบของขอบตัวเริ่มต้น
CSS รุ่น: CSS2

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน