CSS بوردر این لائن رنگ کا اپریٹ
- پچھلے پہلہ border-inline
- آئندہ پہلہ border-inline-end
تعریف اور استعمال
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 کی ویژگی
- پچھلے پہلہ border-inline
- آئندہ پہلہ border-inline-end