CSS بوردر این لائن رنگ کا اپریٹ

تعریف اور استعمال

border-inline-color کیفیت کو سیٹ کرنا چاہئیے تاکہ عناصر کو آئینہ کی سمت پر بوردر رنگ سیٹ کیا جاسکے

توجه:کو border-inline-color کیفیت کو اثر انداز کرنا چاہئیے تو، یہ سیٹ کیا جانا چاہئیے border-inline-style.

border-inline-color کیفیت کی وارثیت کو مختلف طریقوں سے سیٹ کیاجاسکتا ہے:

اگر border-inline-color کیفیت کو دو وارثیت ہیں:

border-inline-color: رنجی نیلا;
  • آئینہ کی شروع کی جگہ کا بوردر رنگ رنجی ہوتا ہے
  • آئینہ کی ختم کی جگہ کا بوردر رنگ نیلا ہوتا ہے

اگر border-inline-color کیفیت کو ایک وارثیت ہے:

border-inline-color: blue;
  • آئینہ کا شروع اور ختم کی جگہ کا بوردر رنگ کا رنگ نیلا ہوتا ہے

CSS کا border-inline-color کیفیت سے border-bottom-color،border-left-color،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، لطفاً به:

شفاف رنگ لبه‌ها باید شفاف باشد.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: initial.
inherit این ویژگی را از عنصر والد خود ارث‌برداری می‌کند. لطفاً به: inherit.

جزئیات فنی

مقدار پیش‌فرض: رنگ فعلی عنصر
نحوه ارث‌برداری: خیر
انیمیشن‌سازی: پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
نوع دستور زبان جاوااسکریپت: object.style.borderInlineColor="pink"

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

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

کروم ایج فایرفاکس سافاری آپرا
87.0 87.0 66.0 14.1 73.0

متعلقہ صفحات

تعلیم:CSS کا بوردر

مشارکت:CSS بوردر کا اپریٹ

مشارکت:CSS بوردر این لائن کا اپریٹ

مشارکت:CSS بوردر-اینلاین-استایل اپریٹر

مشارکت:CSS بوردر بہاؤ رنگ کا اپریٹ

مشارکت:CSS بوردر-لینٹ-کولر اپریٹر

مشارکت:CSS بوردر-رائٹ-کولر اپریٹر

مشارکت:CSS بوردر-تاپ-کولر اپریٹر

مشارکت:CSS دیکشن اپریشن

مشارکت:CSS text-orientation کی ویژگی

مشارکت:CSS writing-mode کی ویژگی