ویژگی border-inline-width CSS

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

border-inline-width ویژگی پهنای لبه‌های عناصر در جهت محلی را تنظیم می‌کند.

توجه:برای اینکه border-inline-width برای اینکه ویژگی فعال شود، باید تنظیم شود border-inline-style.

border-inline-width مقدار ویژگی می‌تواند به روش‌های مختلف تنظیم شود:

اگر border-inline-width ویژگی دو مقدار دارد:

border-inline-width: 10px 50px;

• پهنای لبه در شروع محلی 10px است
• پهنای لبه در پایان محلی 50px است

اگر border-inline-width ویژگی یک مقدار دارد:

border-inline-width: 10px;

• پهنای لبه در شروع و پایان محلی به 10px می‌رسد

CSS border-inline-width ویژگی با ویژگی‌های CSS border-bottom-width،border-left-width،border-right-width و border-top-width بسیار مشابه، اما border-inline-width ویژگی وابسته به جهت درون‌محلی است.

توجه:ویژگی‌های CSS مرتبط writing-mode،text-orientation و direction تعریف جهت درون‌محلی را انجام می‌دهد. این تأثیرگذار بر موقعیت شروع و پایان یک خط، و border-inline-width نتیجه ویژگی. برای صفحات انگلیسی، جهت درون‌محلی از چپ به راست است، و جهت بلوک به پایین است.

مثال

مثال 1

تنظیم عرض حاشیه در جهت درون‌محلی:

#example1 {
  border-inline-style: solid;
  border-inline-width: 10px;
}
#example2 {
  border-inline-style: dashed;
  border-inline-width: thin thick;
}

تست کنید

مثال 2: ترکیب ویژگی writing-mode

موقعیت حاشیه در ابتدا و انتهای جهت درون‌محلی تحت تأثیر: writing-mode تأثیرات ویژگی:

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-width: 5px;
}

تست کنید

مثال 3: ترکیب ویژگی direction

موقعیت حاشیه در ابتدا و انتهای جهت درون‌محلی تحت تأثیر: direction تأثیرات ویژگی:

div {
  direction: rtl;
  border-inline-width: 5px 15px;
}

تست کنید

قوانین CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

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

ارجاع:ویژگی border CSS

ارجاع:ویژگی border-inline CSS

ارجاع:ویژگی border-inline-style CSS

ارجاع:ویژگی border-bottom-width CSS

ارجاع:ویژگی border-left-width CSS

ارجاع:ویژگی border-right-width CSS

ارجاع:ویژگی border-top-width CSS

ارجاع:ویژگی direction CSS

ارجاع:ویژگی text-orientation CSS

ارجاع:ویژگی writing-mode CSS