ویژگی border-top CSS

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

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

می‌توانید به ترتیب زیر ویژگی‌ها را تنظیم کنید:

اگر یکی از این مقادیر تنظیم نشود، مشکلی ایجاد نمی‌شود، به عنوان مثال border-top:solid #ff0000; نیز مجاز است.

لطفاً به:

آموزش CSS:حلقه CSS

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

مثال

تنظیم سبک لبه بالا:

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

آموزش عملی:

آموزش CSS:

border-top: border-width border-style border-color|initial|inherit;

مقدار ویژگی

مقدار توضیحات
border-top-width تعیین عرض لبه بالا. مراجعه به:border-top-width ممکن است در آن باشد.
border-top-style تعیین سبک لبه بالا. مراجعه به:border-top-style ممکن است در آن باشد.
border-top-color تعیین رنگ لبه بالا. مراجعه به:border-top-color ممکن است در آن باشد.
inherit تعیین می‌کند که باید تنظیمات ویژگی border-top از عنصر والد ارث‌برداری کند.

جزئیات فنی

مقدار پیش‌فرض: not specified
انجمن: no
نسخه: CSS1
آموزش دستور زبان JavaScript: object.style.borderTop="3px solid blue"

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

تمام ویژگی‌های لبه بالا در یک宣言
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از ویژگی‌های کوتاه تمام ویژگی‌های لبه بالا را در یک宣言 تنظیم کرد.

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

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

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

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