ویژگی border-right-width CSS

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

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

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

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

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

آموزش CSS:کناره‌های CSS

منابع CSS:ویژگی border-right

منابع HTML DOM:ویژگی borderRightWidth

مثال

تنظیم عرض اضلاع سمت راست:

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

آزمایش کنید

نوشتار CSS

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

مقدار ویژگی

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

جزئیات فنی

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

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

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

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

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

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

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