سی اس اس رنگ حاشیه
- پچھلے صفحے سی اس اس عرض حاشیه
- آئندہ صفحہ سی اس اس حاشیههای مختلف
سی اس اس رنگ حاشیه
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 کی اقدار کا بارے میں مزید معلومات اس فصل میں ملتی ہیں۔
- پچھلے صفحے سی اس اس عرض حاشیه
- آئندہ صفحہ سی اس اس حاشیههای مختلف