CSS بوردر اینلاین خاتم کا حصول

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

border-inline-end صفت درج ذیل صفتوں کا مختصر نام ہے:

• border-inline-end-width（خطی خاتمہ کی چوڑائی کا استعمال）
• border-inline-end-style（خطی خاتمہ کی طرح کا استعمال）
• border-inline-end-color（خطی خاتمہ کی رنگ کا استعمال）

CSS کا border-inline-end صفت کا استعمال border-bottom،border-left،border-right و border-top صفت بہت مشابه ہیں، لیکن border-inline-end صفت کا استعمال خطی وابسته ہے。

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

مثال

مثال 1

برای تنظیم عرض، رنگ و سبک لبه در پایان مسیر درون‌خط،

div {
  border-inline-end: 10px solid pink;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

آزمایش کنید

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

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

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

آزمایش کنید

قوانین CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

مقدار ویژگی

جزئیات فنی

جزئیات فنی

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

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

صفحات مرتبط

تدریس:CSS کا بدر

مشارکت:CSS بوردر کا حصول

مشارکت:CSS بوردر اینلاین کا حصول

مشارکت:CSS بوردر اینلاین خاتم سائز کا حصول

مشارکت:CSS بوردر اینلاین خاتم رنگ کا حصول

مشارکت:CSS بوردر داون رنگ کا حصول

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

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

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

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

مشارکت:CSS text-orientation کی خاصیت

مشارکت:CSS writing-mode کی خاصیت