CSS ਬੰਦੇ ਰੰਗ

CSS ਬੰਦੇ ਰੰਗ

border-color คุณสมบัติใช้เพื่อตั้งค่าสีของสี่เส้นขอบ。

สามารถตั้งค่าสีด้วยวิธีต่อไปนี้:

  • name - กำหนดชื่อสี อย่างเช่น "red"
  • HEX - กำหนดค่าสิบหกตัวอักษร อย่างเช่น "#ff0000"
  • RGB - กำหนดค่า RGB อย่างเช่น "rgb(255,0,0)"
  • HSL - กำหนดค่า HSL อย่างเช่น "hsl(0, 100%, 50%)"
  • transparent

หมายเหตุ:ถ้ายังไม่ได้ตั้งค่า border-colorจะทรงตามสีขององค์ประกอบต่อไป。

مثال

แสดงสีขอบต่าง ๆ:

p.one {
  border-style: solid;
  border-color: red;
}
p.two {
  border-style: solid;
  border-color: green;
}
p.three {
  border-style: dotted;
  border-color: blue;
}

ผลลัพธ์:

เส้นขอบเส้นตรงสีแดง

เส้นขอบเส้นตรงสีเขียว

เส้นขอบจุดสีน้ำเงิน

آپ خود پرکشش کر سکتا ہیں

สีของเส้นขอบเฉพาะ

border-color คุณสมบัติสามารถตั้งค่าจำนวนมาญาจาก 1 ถึง 4 ตัว (ใช้สำหรับเส้นขอบด้านบน ด้านขวา ด้านล่าง และด้านซ้าย)。

مثال

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* อนันดา: แดง ซ้าย น้ำเงิน เหลือง */
}

آپ خود پرکشش کر سکتا ہیں

ساتسنی مرتبہ

بوردر کی رنگ کا مرتبہ بجائے اس کے، ساتسنی مرتبہ (HEX) کا استعمال کرسکتا ہیں:

مثال

p.one {
  border-style: solid;
  border-color: #ff0000; /* لال */
}

آپ خود پرکشش کر سکتا ہیں

RGB کی مرتبہ

یا تھوڑا سے RGB کی مرتبہ کا استعمال کرسکتا ہیں:

مثال

p.one {
  border-style: solid;
  border-color: rgb(255, 0, 0); /* لال */
}

آپ خود پرکشش کر سکتا ہیں

HSL کی مرتبہ

بجائے اس کے، HSL کی مرتبہ کا استعمال کرسکتا ہیں:

مثال

p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* لال */
}

آپ خود پرکشش کر سکتا ہیں

آپ کرسکتے ہیں CSS ਰੰਗ ایک چپ میں HEX، RGB اور HSL کی مرتبہ کا مزید معلومات حاصل کرسکتا ہیں。