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 ممکن است در اینجا باشد.
بورڈر توپ رنگ تعیین رنگ لبه بالا. مراجعه کنید به:بورڈر توپ رنگ ممکن است در اینجا باشد.
inherit تعیین می‌کند که باید تنظیمات ویژگی border-top از عنصر والد به ارث برده شود.

جزئیات فنی

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

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

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

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

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

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

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