ویژگی border-top-color CSS

تعریف و استفاده

ویژگی border-top-color رنگ لبه بالا عنصر را تنظیم می‌کند.

تنها می‌توان رنگ‌های خالص را تعریف کرد و فقط زمانی که سبک لبه یک مقدار غیر none یا hidden باشد لبه‌ها ظاهر می‌شوند.

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

بررسی کنید:

آموزش CSSکناره‌های CSS

منابع CSSویژگی border-top

منابع HTML DOMویژگی borderTopColor

مثال

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

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

تست کنید

آموزش CSS

border-top-color: color|transparent|initial|inherit;

مقدار ویژگی

مقدار ویژگی

مقدار توضیح
color_name این بخش رنگ لبه را با نام رنگ مشخص می‌کند (مثلاً red).
hex_number این بخش رنگ لبه را با مقدار شانزده‌حرفی مشخص می‌کند (مثلاً #ff0000).
rgb_number این بخش رنگ لبه را با کد rgb مشخص می‌کند (مثلاً rgb(255,0,0)).
transparent مقدار پیش‌فرض. رنگ لبه شفاف است.
inherit این بخش باید رنگ لبه را از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: not specified
قابلیت ارث: no
نسخه: CSS1
آموزش دستور زبان: object.style.borderTopColor="blue"

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

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

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

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

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

توجه:اینترنت اکسپلورر 6 (و نسخه‌های قبلی آن) از مقدار "transparent" برای ویژگی پشتیبانی نمی‌کند.

توجه:مرورگرهای اینترنت اکسپلورر 7 و نسخه‌های قبلی آن از مقدار "inherit" پشتیبانی نمی‌کنند. مرورگر IE8 نیاز به !DOCTYPE دارد. مرورگر IE9 از "inherit" پشتیبانی می‌کند.