CSS ความหนาของชายเส้นเข็มด้านบน

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

border-top-width คุณสมบัติกำหนดความกว้างของเส้นบรรทัดบนรอบขององค์ประกอบ

ทำงานเฉพาะเมื่อสไตล์เส้นบรรทัดไม่ใช่ none ตลอดเวลา

หมายเหตุ：กรุณาประกาศคุณสมบัติ border-style ก่อน border-top-width ตลอดเวลา。องค์ประกอบเฉพาะจะสามารถเปลี่ยนความกว้างของเส้นบรรทัดหลังจากที่ได้รับเส้นบรรทัดแล้ว。ถ้ามีสไตล์เส้นบรรทัดเป็น none ความกว้างของเส้นบรรทัดจะถูกตั้งค่าเป็น 0 โดยเทคนิคต่างๆ ไม่อนุญาตให้กำหนดค่ายาวเป็นลบ

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

ตัวอย่าง CSS:CSS ขอบ

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

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

ตัวอย่าง

ตั้งความกว้างของเส้นบรรทัดบนรอบ:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

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

CSS ภาษา

border-top-width: medium|thin|thick|length|initial|inherit;

ค่าของอัตรานิยม

ค่า คำอธิบาย
thin กำหนดเส้นบรรทัดบนรอบที่บาง
medium ค่าเริ่มต้น。กำหนดเส้นบรรทัดบนรอบที่ปานกลาง
thick กำหนดเส้นบรรทัดบนรอบที่หนา
length อนุญาตให้คุณกำหนดความกว้างของเส้นบรรทัดบนรอบ
inherit กำหนดให้มีความกว้างของเส้นบรรทัดจากองค์ประกอบพ่อ

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

ค่าเริ่มต้น： medium
เป็นต้นแบบที่สืบทอดมา: no
เวอร์ชั่น： CSS1
JavaScript ภาษา： object.style.borderTopWidth="thick"

ตัวอย่างเพิ่มเติม

ตั้งความกว้างของเส้นบรรทัดบนรอบ
ตัวอย่างนี้แสดงวิธีการตั้งความกว้างของเส้นบรรทัดบนรอบ

การสนับสนุนเบราเซอร์

ตัวเลขในตารางระบุเวอร์ชั่นเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

หมายเหตุ：IE7 และเวอร์ชั่นเบราเซอร์ที่เก่ากว่านั้นไม่สนับสนุนค่า "inherit"。IE8 ต้องการ !DOCTYPE。IE9 สนับสนุน "inherit"。