CSS ความหนาแบบเบิร์ด สีเบิร์ดด้านล่า

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

border-bottom-color กำหนดสีของเข็มขัดล่างของตัวประกอบ

สามารถกำหนดเพียงสีเดียว และเพียงเมื่อรูปแบบของเข็มขัดเป็นค่าที่ไม่ใช่ none หรือ hidden ทำให้เข็มขัดเห็นได้

หมายเหตุ：เป็นที่ยินยอมที่จะประกาศค่า border-style ก่อน border-color ค่าตัวประกอบต้องได้รับเข็มขัดก่อนที่จะเปลี่ยนสี

ดูเพิ่มเติม

ตัวอย่าง CSSCSS ขอบเขต

คู่มือ CSSborder-bottom หลักค่าที่ใช้

คู่มือ HTML DOMborderBottomColor หลักค่าที่ใช้

ตัวอย่าง

ตั้งสีของเข็มขัดล่าง:

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

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

CSS การเขียน

border-bottom-color: color|transparent|initial|inherit;

ค่าหลักค่าที่ใช้

ค่า รายละเอียด
color_name กำหนดสีของเข็มขัดโดยใช้ชื่อสี (เช่น red)
hex_number กำหนดสีของเข็มขัดโดยใช้ค่าหexadecimal (เช่น #ff0000)
rgb_number กำหนดสีของเข็มขัดโดยใช้รหัส rgb (เช่น rgb(255,0,0))
transparent ค่าปริยาย.สีของเข็มขัดเป็นโค้ง
inherit กำหนดให้สืบทอดสีของเข็มขัดจากตัวประกอบ

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

ค่าปริยาย: ไม่ระบุ
มีความสามารถสืบทอด: no
รุ่น： CSS1
JavaScript การเขียน object.style.borderBottomColor="blue"

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

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

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

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

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

หมายเหตุ：Internet Explorer 6 (และรุ่นเก่าของเบราเซอร์) ไม่สนับสนุนค่า属性 "transparent"。

หมายเหตุ：Internet Explorer 7 และรุ่นเก่าของเบราเซอร์ไม่สนับสนุนค่า "inherit"。Internet Explorer 8 ต้องการ !DOCTYPE。Internet Explorer 9 สนับสนุน "inherit"。