ویژگی 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
erbانی: 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" پشتیبانی می‌کند.