ویژگی border-top-width CSS

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

ویژگی 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
آموزش زبان برنامه‌نویسی: 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" پشتیبانی می‌کند.