اسٹائل borderColor خاصیت

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

borderColor اس خاصیت میں عناصر کا بوردر کا رنگ سے تعین یا واپس لایا جاسکتا ہے。

اس خاصیت کو ایک سے چار وقفوں میں استعمال کیا جاسکتا ہے:

  • ایک وقفہ، مثلاً: p {border-color: red} - تمام چار کونے کا بوردر قرمز رنگ ہوگا
  • دو مقدار، مثلاً: p {border-color: red transparent} - لبه‌های بالا و پایین قرمز، لبه‌های چپ و راست شفاف
  • سه مقدار، مثلاً: p {border-color: red green blue}- لبه بالا قرمز، لبه‌های چپ و راست سبز، لبه پایین آبی
  • چهار مقدار، مثلاً: p {border-color: red green blue yellow} - لبه بالا قرمز، لبه راست سبز، لبه پایین آبی، لبه چپ زرد

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

آموزش CSS:CSS کا بوردر

دستورالعمل CSS:ویژگی border-color

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

مثال

مثال 1

رنگ لبه‌های چهارگانه <div> را به قرمز تغییر می‌دهد:

document.getElementById("myDiv").style.borderColor = "red";

آزمایش کنید

مثال 2

رنگ لبه‌های عمودی <div> را به سبز و رنگ لبه‌های افقی را به بنفش تغییر می‌دهد:

document.getElementById("myDiv").style.borderColor = "green purple";

آزمایش کنید

مثال 3

رنگ لبه‌های <div> بازمی‌گرداند:

alert(document.getElementById("myDiv").style.borderColor);

آزمایش کنید

نحوه‌ی نوشتن

ویژگی borderColor بازمی‌گرداند:

اشیاء.style.borderColor

ویژگی borderColor تنظیم می‌کند:

اشیاء.style.borderColor = "رنگ|شفاف|initial|inherit"

مقدار ویژگی

مقدار توضیح
رنگ

رنگ لبه‌ها را مشخص می‌کند. رنگ پیش‌فرض سیاه است.

لطفاً ببینید مقدار رنگ CSS، لیست کامل‌تر رنگ‌های ممکن را ببینید.
شفاف رنگ لبه‌ها شفاف است (محتوای زیرین قابل مشاهده است).
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به خواندن initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به خواندن inherit.

جزئیات فنی

مقدار پیش‌فرض: سیاه
مقدار بازگشتی: رشته‌ای که رنگ لبه‌های عنصر را نشان می‌دهد.
نسخه CSS: CSS1

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5