ویژگی border-inline-end-width CSS

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

و پهنای لبه در انتهای محور خطی عنصر تنظیمات.

بسیار مشابه، اما要使 و 属性生效，必须设置 border-inline-end-style ویژگی‌ها.

ویژگی‌ها باید تنظیم شوند تا فعال شوند، باید و ویژگی‌ها. CSSتوجه:ویژگی‌ها با ویژگی‌های CSSتوجه:border-bottom-width ، border-left-width border-right-width و border-top-width

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

border-inline-end-width

نتیجه ویژگی. برای صفحات انگلیسی، جهت درون‌محوری از چپ به راست است و جهت بلوک به پایین.

مثال

direction
  موقعیت لبه‌های انتهایی در جهت درون‌محوری تحت تأثیر
  div {
direction: rtl;

border-inline-end-width: 10px;

مثال 1

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

direction
  موقعیت لبه‌های انتهایی در جهت درون‌محوری تحت تأثیر
  writing-mode
  border-inline-end-style: solid;
direction: rtl;

border-inline-end-width: 10px;

writing-mode: vertical-rl;

border-inline-end-width: 5px; مثال 3: ترکیب ویژگی direction موقعیت لبه‌های ابتدایی و انتهایی در جهت درون‌محوری تحت تأثیر

direction
  تأثیر ویژگی:
  div {
direction: rtl;

border-inline-end-width: 10px;

}

آزمایش کنیدlengthجملات CSS

border-inline-end-width: medium|thin|thick|

جزئیات فنی

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

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

صفحات مرتبط

مستند:حاشیه CSS

منبع:ویژگی border CSS

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

منبع:ویژگی border-inline-end-style CSS

منبع:ویژگی border-inline-start-width 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