คุณสมบัติ Style borderTopWidth
- หน้าก่อน borderTopStyle
- หน้าต่อไป borderWidth
- กลับไปยังระดับที่สูงกว่า Object HTML DOM Style
การใช้งานและการกำหนด
borderTopWidth ตั้งค่าหรือส่งออกความยาวของเส้นขอบด้านบนขององค์ประกอบ
ดูเพิ่มเติม
การเรียน CSSCSS ขอบเขต
คู่มือ CSSคุณสมบัติ border-top-width
คู่มือ HTML DOMคุณสมบัติ border
ตัวอย่าง
ตัวอย่าง 1
เปลี่ยนความยาวของเส้นขอบด้านบนขององค์ประกอบ <div> ให้เป็น 10px
document.getElementById("myDiv").style.borderTopWidth = "10px";
ตัวอย่าง 2
เปลี่ยนความยาวของเส้นขอบด้านบนขององค์ประกอบ <div> ให้เป็นบาง
document.getElementById("myDiv").style.borderTopWidth = "thin";
ตัวอย่าง 3
ส่งออกความยาวของเส้นขอบด้านบนขององค์ประกอบ <div>：
alert(document.getElementById("myDiv").style.borderTopWidth);
รูปแบบ
ส่งออกคุณสมบัติ borderTopWidth：
object.style.borderTopWidth
ตั้งค่าคุณสมบัติ borderTopWidth：
object.style.borderTopWidth = "thin|medium|thick|length|initial|inherit"
| ค่า | รายละเอียด |
|---|---|
| thin | กำหนดเส้นขอบบาง |
| medium | กำหนดเส้นขอบปานกลาง โดยเริ่มต้น |
| thick | กำหนดเส้นขอบหนา |
| length | ความยาวของเส้นขอบด้านบนด้วยหน่วยวัด |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | มีค่านี้มาจากองค์ประกอบพ่อของมันโดยสืบทอดคุณสมบัตินี้ โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | medium |
|---|---|
| ค่าที่ส่งออกมา： | ข้อความที่แสดงความยาวของเส้นขอบด้านบนขององค์ประกอบ。 |
| เวอร์ชั่น CSS： | CSS1 |
บราวช์เพื่อการแสดงที่สนับสนุน
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน borderTopStyle
- หน้าต่อไป borderWidth
- กลับไปยังระดับที่สูงกว่า Object HTML DOM Style
