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

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

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

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

CSS border-inline-start-color خصوصیت با رنگ لبه پایین،رنگ لبه چپ،رنگ لبه راست و border-top-color ویژگی‌ها بسیار مشابه هستند، اما border-inline-start-color ویژگی وابسته به محدوده درونی است.

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

مثال

مثال 1

برای تنظیم رنگ لبه در شروع محدوده درونی،

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

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

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

آزمایش کنید

نحوه استفاده از CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:پیرامون حاشیه CSS

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

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

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

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