Style borderTopStyle ตัวแปร

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

borderTopStyle ตั้งค่าหรือกู้ค่ารูปแบบของเส้นขอบที่อยู่บนสุดขององค์ประกอบ HTML ของคุณ

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

คู่มือ CSS:CSS ขอบเขต

คู่มือ CSS:ตัวแปร border-top-style

คู่มือ HTML DOM:ตัวแปร border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มเขตบริเวณบนของ <div> ด้วยเส้นขอบที่เป็นตัวเล็กน้อย:

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

ลองด้วยตัวเอง

ตัวอย่าง 2

เปลี่ยนรูปแบบเส้นขอบบนองค์ประกอบ <div> ให้เป็น "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

ลองด้วยตัวเอง

ตัวอย่าง 3

กลับมาด้วยรูปแบบเส้นขอบบนองค์ประกอบ <div>:

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

ลองด้วยตัวเอง

ตัวอย่าง 4

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

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

ลองด้วยตัวเอง

ภาษาเขียน

กลับมาด้วยคุณสมบัติ borderTopStyle:

object.style.borderTopStyle

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

object.style.borderTopStyle = value|initial|inherit
ค่า คำอธิบาย
none กำหนดเส้นขอบที่ไม่มี
hidden เหมือนกับ "none" แต่ไม่นับถือถึงความขัดแย้งของเส้นขอบในองค์ประกอบตาราง
dotted กำหนดเส้นขอบแบบจุด
dashed กำหนดเส้นขอบแบบตรงๆ
solid กำหนดเส้นขอบแบบที่มีตัวตัน
double กำหนดเส้นขอบสอง
groove กำหนดเส้นขอบ 3D groove border-color ค่าของมัน
ridge กำหนดเส้นขอบ 3D ridge border-color ค่าของมัน
inset กำหนดเส้นขอบ 3D inset border-color ค่าของมัน
outset กำหนดเส้นขอบ 3D outset border-color ค่าของมัน
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit มีการสืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit.

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

ค่าเริ่มต้น: none
ค่าที่กลับมา: ตัวเลขที่แสดงรูปแบบของเส้นขอบที่มีอยู่บนองค์ประกอบ。
เวอร์ชั่น CSS: CSS1

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

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