คุณสมบัติ borderTop Style
- หน้าก่อนหน้า borderStyle
- หน้าต่อไป borderTopColor
- กลับไปยังด้านบน HTML DOM 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 |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อนหน้า borderStyle
- หน้าต่อไป borderTopColor
- กลับไปยังด้านบน HTML DOM Style 对象
