ویژگی border-inline-color CSS

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

border-inline-color خصوصیت تنظیم رنگ لبه‌های درون خطی عنصر را انجام دهد.

توجه:برای اینکه border-inline-color برای اینکه خصوصیت کار کند، باید تنظیم شود: border-inline-style.

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

اگر border-inline-color این خصوصیت دو مقدار دارد:

border-inline-color: pink blue;

• رنگ لبه‌های آغازین درون خطی به رنگ صورتی است
• رنگ لبه‌های پایان‌یافته درون خطی به رنگ آبی است

اگر border-inline-color این خصوصیت یک مقدار دارد:

border-inline-color: blue;

• رنگ لبه‌های آغازین و پایان‌یافته درون خطی به رنگ آبی است

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

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

مثال

مثال 1

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

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

خودتان امتحان کنید

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

لبه‌های شروع و پایان در جهت درون‌صف در کنترل می‌شوند writing-mode تأثیرات ویژگی:

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

خودتان امتحان کنید

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

لبه‌های شروع و پایان در جهت درون‌صف در کنترل می‌شوند direction تأثیرات ویژگی:

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

خودتان امتحان کنید

قوانین CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:پردازش لبه CSS

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

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

ارجاع:ویژگی border-inline-style 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