CSS ความกว้างเขตเข้มด้านล่าง

การระบุและการใช้งาน

ตัวแปร border-bottom-width กำหนดความกว้างของเข็มต้นล่างขององค์ประกอบ。

ทำงานเมื่อสไตล์เข็มต้นล่างไม่ใช่ none แค่นั้นเท่านั้น。ถ้าสไตล์เข็มต้นล่างเป็น none ความกว้างของเข็มต้นล่างจะถูกปรับปรุงเป็น 0 โดยเทคนิคทางภาษาเขียน。ไม่อนุญาตให้กำหนดค่ายาวเป็นลบ。

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

ดูเพิ่มเติม

คู่มือ 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 กำหนดเข็มต้นล่างที่บาง。
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"。