CSS بوردر رنگ اپریٹ

تعریف و استعمال

border-color نمائی کیڈر کی رنگ کو سٹ کرتا ہے۔ اس نمائی کیڈر کو 1 سے 4 رنگ کو سٹ کرسکتا ہے۔

border-color نمائی ایک لگن نمائی پروپرتی ہے، جو ایک عناصر کی تمام کیڈر کی دیکھی جانے والی رنگ کو سٹ کرسکتی ہے یا 4 کیڈروں کیلئے مختلف رنگ کا سٹ کرسکتی ہے۔ نیچے کا مثال دیکھئے:

مثال 1

border-color:red green blue pink;
  • لبه بالا قرمز است
  • راستی منگل
  • لبه پایین آبی است
  • لبه چپ صورتی است

مثال 2

border-color:red green blue;
  • لبه بالا قرمز است
  • لبه سمت راست و چپ سبز هستند
  • لبه پایین آبی است

مثال 3

border-color:dotted red green;
  • لبه بالا و پایین قرمز هستند
  • لبه سمت راست و چپ سبز هستند

مثال 4

border-color:red;
  • همه 4 لبه‌ها قرمز هستند

به یاد داشته باشید که سبک لبه نمی‌تواند none یا hidden باشد، در غیر این صورت لبه نمایش داده نمی‌شود.

توضیحات:همیشه باید ویژگی border-style قبل از border-color اعلام شود. عنصر باید قبل از تغییر رنگ لبه، لبه را دریافت کند.

لطفاً ببینید:

دستورالعمل CSS:CSS کا بورڈر

دستورالعمل HTML DOM:ویژگی borderColor

مثال

تنظیم رنگ 4 لبه:

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

آزمایش کنید

قوانین CSS

border-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.borderColor="#FF0000 blue"

مثال‌های بیشتر

تنظیم رنگ چهار لبه
این مثال نحوه تنظیم رنگ چهار لبه را نشان می‌دهد. می‌توان تا چهار رنگ را تنظیم کرد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین بروزرسانی مرورگر است که از این ویژگی کامل پشتیبانی می‌کند.

چروم آئی ای / ایج فائرفاکس سافری اوپرا
1.0 4.0 1.0 1.0 3.5

توضیحات:Internet Explorer 6 (و نسخه‌های قبلی آن) از مقدار "transparent" پشتیبانی نمی‌کند.

توضیحات:بrowser Internet Explorer 7 و نسخه‌های قبلی آن از مقدار "inherit" پشتیبانی نمی‌کنند. Internet Explorer 8 نیاز به !DOCTYPE دارد. Internet Explorer 9 از "inherit" پشتیبانی می‌کند.