CSS border-color Property

ตั้งค่าสีของเส้นขอบสี่:

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

ความหมายและการใช้งาน

คุณสมบัติชายแดนสีตั้งค่าสีขององค์ประกอบของเส้นขอบทั้งสี่ คุณสมบัตินี้จะมี 1-4 ค่า

ตัวอย่าง:

border-color:red green blue pink;
- เส้นขอบด้านบนเป็นสีแดง
- เส้นขอบด้านขวาเป็นสีเขียว
- ขอบด้านล่างเป็นสีฟ้า
- ขอบซ้ายเป็นสีชมพู
border-color:red green blue;
- เส้นขอบด้านบนเป็นสีแดง
- เส้นขอบซ้ายและขวาเป็นสีเขียว
- ขอบด้านล่างเป็นสีฟ้า
border-color:red green;
- เส้นขอบบนและด้านล่างจะเป็นสีแดง
- เส้นขอบซ้ายและขวาเป็นสีเขียว
border-color:red;
- ทั้งสี่เส้นขอบจะเป็นสีแดง

Note: เสมอประกาศคุณสมบัติชายแดนสไตล์ก่อนคุณสมบัติขอบสี องค์ประกอบต้องมีพรมแดนก่อนที่คุณจะสามารถเปลี่ยนสี

ค่าเริ่มต้น:	The current color of the element
รับการถ่ายทอด:	no
Animatable:	yes. Read about animatable Try it
เวอร์ชัน:	CSS1
ไวยากรณ์ javascript:	object .style.borderColor="#FF0000 blue" Try it

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

คุณสมบัติ
border-color	1.0	4.0	1.0	1.0	3.5

Note: Internet Explorer 6 (and earlier versions) ไม่สนับสนุนมูลค่าทรัพย์สิน "transparent"

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

ความคุ้มค่า	ลักษณะ	เล่น
color	ระบุสีพื้นหลัง ดู CSS ค่าสี สำหรับรายการที่สมบูรณ์ของค่าสีที่เป็นไปได้ สีเริ่มต้นเป็นสีดำ	เล่น "
transparent	ระบุว่าสีของเส้นขอบควรจะโปร่งใส	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

กวดวิชา CSS: CSS ชายแดน

อ้างอิง HTML DOM: borderColor property