CSS ความหนาแน่นของเขตเข้มด้านล่าง

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

คุณสมบัติ border-bottom ย่อความหมายให้กำหนดคุณสมบัติทั้งหมดของ border ด้านล่างในคำแสดงเดียว

คุณสมบัติที่สามารถตั้งค่าได้ตามลำดับเช่นนี้:

ถ้าไม่ตั้งค่าค่าใดๆ ก็ไม่มีปัญหา ตัวอย่างเช่น border-bottom:solid #ff0000; ก็เป็นที่ยอมรับ

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

คู่มือ CSSCSS ขอบ

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

ตัวอย่าง

ตั้งค่ารูปแบบ border ด้านล่าง:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

ลองเดาะด้วยตัวเอง

ระบบการเขียน CSS

border-bottom: border-width border-style border-color|initial|inherit;

ค่าของคุณสมบัติ

ค่า คำอธิบาย
border-bottom-width กำหนดความกว้างของ border ด้านล่าง。ดู:border-bottom-width ค่าที่เป็นไปได้ในนั้น
border-bottom-style กำหนดรูปแบบของ border ด้านล่าง。ดู:border-bottom-style ค่าที่เป็นไปได้ในนั้น
border-bottom-color กำหนดสีของ border ด้านล่าง。ดู:border-bottom-color ค่าที่เป็นไปได้ในนั้น
inherit กำหนดให้ border-bottom ของตัวมันสืบทอดค่าจากตัวปลูกแม่。

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

ค่าเริ่มต้น： ไม่ระบุ
ความสามารถที่จะสืบทอด： no
เวอร์ชัน： CSS1
ระบบการเขียน JavaScript： object.style.borderBottom="3px solid blue"

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

คุณสมบัติของ border ด้านล่างในคำแสดงเดียว
ตัวอย่างนี้แสดงว่าหลายคุณสมบัติของ border ด้านล่างสามารถถูกกำหนดในคำแสดงเดียวด้วยการใช้คุณสมบัติย่อ。

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

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

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

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