คุณสมบัติ borderTop ของ Style

การกำหนดและการใช้งาน

borderTop คุณสมบัติตั้งค่าด้วยรูปแบบย่อหรือกลับค่าคุณสมบัติ border-top สามคุณสมบัติเท่านั้น

ผ่านคุณสมบัตินี้ คุณสามารถตั้งค่า/กลับค่าคุณสมบัติต่อไปนี้หรือหลายคุณสมบัติ (ในลำดับใดก็ได้):

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

คู่มือ CSS:CSS 边框

คู่มือ CSS:คุณสมบัติ border-top

คู่มือ HTML DOM:คุณสมบัติ border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มเขตขององค์ประกอบ <div> ขึ้น

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

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

ตัวอย่าง 2

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

document.getElementById("myDiv").style.borderTop = "thin dotted red";

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

ตัวอย่าง 3

กลับค่าคุณสมบัติ border-top ขององค์ประกอบ <div>:

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

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

สัญลักษณ์

กลับค่าคุณสมบัติ borderTop:

object.style.borderTop

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

object.style.borderTop = "width style color|initial|inherit"

ค่าของคุณสมบัติ

ค่า การอธิบาย
width ตั้งค่าความกว้างของเขตของเอลิเมนต์บนสุด
style ตั้งค่ารูปแบบของเขตของเอลิเมนต์บนสุด
color ตั้งค่าสีของเขตของเอลิเมนต์บนสุด
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit สืบทอดคุณสมบัตินี้จากตัวปลายทางของเอลิเมนต์ของเรา โปรดดู inherit.

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

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

การสนับสนุนโปรแกรมนี้

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