سی اس اس رنگ حاشیه

سی اس اس رنگ حاشیه

border-color یہ صفت چار بدرجوں کی بدرجی کو سیٹ کرنے کے لئے استعمال کی جاتی ہے。

رنگ کا آپسی تعاون کیا جاسکتا ہے:

  • name - رنگ کا نام کیا جاسکتا ہے، مثلاً "red"
  • HEX - 16علامتی کا آپسی تعاون کیا جاسکتا ہے، مثلاً "#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 صفت کا استعمال کیا جاسکتا ہے تاکہ ایک سے چار وارثتی کا آپسی تعاون کیا جاسکے (استعمال کئے جاتے ہیں، بدرجے، سائید، نیچے اور چپ کی بدرجے کو مشخص کرنے کے لئے)。

مثال

p.one {
  border-style: solid;
  border-color: red green blue yellow; /* بدرجے، سائید، نیچے آبی، چپ زرد */
}

خود کا تجربہ کریں

HEX کی اقدار

بوردر کی رنگ کا ماخذ بھی 16 دفعاتی کا ماخذ (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%); /* لال */
}

خود کا تجربہ کریں

آپ کرسکتے ہیں سی اس اس رنگ HEX، RGB اور HSL کی اقدار کا بارے میں مزید معلومات اس فصل میں ملتی ہیں۔