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
نوع دستور زبان JavaScript: object.style.borderTopColor="blue"

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

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

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

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

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

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

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