CSS ความกว้างของเขตติดตั้งตามแนวล่าง
- 上一页 border-bottom-style
- หน้าต่อไป border-collapse
การกำหนดและการใช้งาน
ตัวแปร borderBottom-width กำหนดความกว้างของเข็มตั้งล่างขององค์ประกอบ。
มีผลเมื่อรูปแบบเข็มตั้งล่างไม่ใช่ none ตลอดเวลา。ถ้ารูปแบบเข็มตั้งล่างเป็น none ความกว้างของเข็มตั้งล่างจะถูกตั้งค่าเป็น 0 จริงๆ ไม่อนุญาตให้กำหนดค่ายาวลดเชิงลบ。
หมายเหตุ：เป็นที่ยิ่งใหญ่ที่คุณจะต้องประกาศตัวแปร border-style ก่อน border-bottom-width ตลอดเวลา。องค์ประกอบจะต้องได้รับเข็มตั้งล่างก่อนที่จะสามารถเปลี่ยนความกว้างของเข็มตั้งล่างได้。
ดูเพิ่มเติม
คู่มือ CSS ต่อCSS ขอบเขต
คู่มือ CSSตัวแปร border-bottom
คู่มือ HTML DOMตัวแปร borderBottomWidth
ตัวอย่าง
ตั้งค่าความกว้างเข็มตั้งล่าง：
p
{
border-style:solid;
border-bottom-width:15px;
}
CSS ภาษา
border-bottom-width: medium|thin|thick|length|initial|inherit;
ค่าของอุปกรณ์
| ค่า | รายละเอียด |
|---|---|
| thin | thin |
| medium | ค่าเริ่มต้น。กำหนดเข็มตั้งล่างที่ปานกลาง。 |
| thick | กำหนดเข็มตั้งล่างที่หนา。 |
| length | อนุญาตให้คุณกำหนดความกว้างของเข็มตั้งล่างเอง。 |
| inherit | กำหนดให้เชื่อมโยงความกว้างของเข็มตั้งล่างจากองค์ประกอบพ่อ。 |
ตัวอย่างเพิ่มเติม
- ตั้งค่าความกว้างเข็มตั้งล่าง
- ตัวอย่างนี้แสดงวิธีการตั้งค่าความกว้างของเข็มตั้งล่าง。
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | medium |
|---|---|
| เชื่อมโยง： | no |
| เวอร์ชั่น： | CSS1 |
| JavaScript ภาษาสำหรับ： | object.style.borderBottomWidth="thick" |
การสนับสนุนเบราเซอร์
ตัวเลขในตารางระบุเวอร์ชั่นเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
หมายเหตุ：IE7 และเวอร์ชั่นเบราเซอร์ที่เก่ากว่าไม่สนับสนุนค่า "inherit"。IE8 ต้องการ !DOCTYPE。IE9 สนับสนุน "inherit"。
- 上一页 border-bottom-style
- หน้าต่อไป border-collapse
