CSS สี border-top

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

border-top-color กำหนดสีของเข็มนำบนรอบบนขององค์ประกอบ。

สามารถกำหนดสีสีสองขึ้นไปเท่านั้น และเมื่อสไตล์ของเข็มนำเป็นค่าที่ไม่ใช่ none หรือ hidden มาตราบของเข็มนำจึงอาจปรากฏขึ้นมา。

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

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

ตัวอบรม CSS：CSS ขอบเขต

คู่มืออ้างอิง CSS：ตัวเลือก border-top

คู่มืออ้างอิง HTML DOM：ตัวเลือก borderTopColor

ตัวอย่าง

ตั้งสีของเข็มนำบนรอบบน:

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

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

ระบบแสดงผล CSS

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

ค่าทางตัวเลือกของอัตราการใช้งาน

ค่าทางตัวเลือกของอัตราการใช้งาน

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

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

ค่าเริ่มต้น: not specified
ความเป็นสิ่งที่สืบทอดมา: no
เวอร์ชัน： CSS1
ระบบแสดงผลภาษา JavaScript： object.style.borderTopColor="blue"

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

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

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

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

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

หมายเหตุ：Internet Explorer 6 (และรุ่นที่เก่ากว่า) ไม่สนับสนุนค่า属性 "transparent"。

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