CSS border-top-width کی اپریشن

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

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

این ویژگی فقط زمانی کار میکند که سبک بندر none نباشد. اگر سبک بندر none باشد، عرض بندر در واقع به 0 بازمی‌گردد. نمی‌توان مقدار منفی طول指定 کرد.

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

لطفاً ببینید:

آموزش CSS:CSS کا بوردر

دستورالعمل CSS:ویژگی border-top

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

مثال

تنظیم عرض بالا پیمانه:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

آزمایش کنید

جمله‌بندی CSS

border-top-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

مقدار توضیح
thin تعریف پیمانه نازک.
medium مقدار پیش‌فرض. تعریف پیمانه متوسط.
thick تعریف پیمانه بالا ضخیم.
length به شما اجازه می‌دهد عرض بالا پیمانه را شخصی‌سازی کنید.
inherit تعریف میکند که عرض پیمانه باید از عنصر والد به ارث برسد.

جزئیات فنی

مقدار پیش‌فرض: medium
انجام: no
نسخه: CSS1
جمله‌بندی JavaScript: object.style.borderTopWidth="thick"

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

تنظیم عرض بالا پیمانه
این مثال نحوه تنظیم عرض بالا پیمانه را نشان میدهد.

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

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

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

نکته:بrowser IE7 اور اساتیدتر اور بروزرسانی نکردن نمیتواند مقدار "inherit" را پشتیبانی کند.IE8 نیاز به !DOCTYPE دارد.IE9 "inherit" را پشتیبانی میکند.