CSS รายละเอียด border-top-width
- 上一页 border-top-style
- หน้าต่อไป border-width
การกำหนดและการใช้งาน
ตัวแปร border-top-width กำหนดความกว้างของเส้นบรรทัดบนรอบนอกขององค์ประกอบ。
มีผลเมื่อรูปแบบเส้นบรรทัดไม่ใช่ none แต่อย่างใดก็ตาม。ถ้ารูปแบบเส้นบรรทัดเป็น none ความกว้างของเส้นบรรทัดจะถูกตั้งค่าเป็น 0 จริงๆ。
หมายเหตุ：โปรดประกาศตัวแปร 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"。
- 上一页 border-top-style
- หน้าต่อไป border-width
