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

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

border-inline-end-color رنگ لبه‌های انتهایی فریم‌های یک عنصر در جهت خطوط سطر درنظر گرفته شود

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

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

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

مثال

مثال 1

رنگ لبه‌های پایان درجه عمودی را تنظیم کنید:

div {
  border-inline-end-style: solid;
  border-inline-end-color: pink;
}

آزمایش کنید:

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

آزمایش کنید:

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

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

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

آزمایش کنید:

نوع اسکریپت CSS

border-inline-end-color: رنگ|شفاف|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

دستورالعمل:کناره CSS

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

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

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

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