ویژگی border-inline-end CSS

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

border-inline-end خصائص زیر به صورت اختصاری هستند:

• border-inline-end-width（عرض لبه پایان درون خط）
• border-inline-end-style（سبک لبه پایان درون خط）
• border-inline-end-color（رنگ لبه پایان درون خط）

CSS border-inline-end خصائص با border-bottom،border-left،border-right و border-top خصائص بسیار مشابه هستند، اما border-inline-end خصائص بستگی به جهت درون خط دارد.

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

مثال

مثال 1

تنظیم عرض، رنگ و سبک لبه انتهای مسیر درون خط:

div {
  border-inline-end: 10px solid pink;
}

آزمایش کنید

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

موقعیت لبه انتهای مسیر درون خط تحت تأثیر: writing-mode تأثیرات ویژگی:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

آزمایش کنید

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

موقعیت لبه انتهای مسیر درون خط تحت تأثیر: direction تأثیرات ویژگی:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

آزمایش کنید

اسکریپت CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

مقدار ویژگی

جزئیات فنی

جزئیات فنی

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

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

صفحات مرتبط

مستند:کناره CSS

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

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

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

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

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

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

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

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

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

منبع:ویژگی text-orientation CSS

منبع:ویژگی writing-mode CSS