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