ویژگی border-top-width CSS

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

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

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

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

لطفاً به:

آموزش 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
قوانین جاوااسکریپت: object.style.borderTopWidth="thick"

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

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

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

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

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

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