CSS border-inline-start کی اپریٹر

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

border-inline-start کی جائزات اس کی کی جائزات کی چوتارو کی جائزات کا جائزات ہیں:

• border-inline-start-width
• border-inline-start-style
• بوردر-این لائن سٹار کا رنگ

CSS border-inline-start کی جائزات کا جائزات CSS کا جائزات border-bottom،border-left،border-right و border-top بسیار مشابه، لیکن border-inline-start کی جائزات وابسته سمت درون خط.

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

مثال

مثال 1

تنظیم عرض، رنگ و استایل حاشیه در ابتدای مسیر درون‌تر از عنصر:

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

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

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

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

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

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

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

محل شروع حاشیه در مسیر درون‌تر از عنصر تحت تأثیر direction تأثیرات ویژگی:

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

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

نوع CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

تدریس:کیس بورڈر

参考：CSS بوردر حصیت

参考：CSS بوردر خطی حصیت

参考：CSS بوردر خطی انتهای سبک حصیت

参考：CSS border-inline-start-color کی اپریٹر

参考：CSS بوردر پایین رنگ حصیت

参考：CSS border-left-color کی اپریٹر

参考：CSS border-right-color کی اپریٹر

参考：CSS border-top-color کی اپریٹر

参考：CSS ڈائریکشن پراپریٹی

参考：کیس ٹیکسٹ-اورینٹیشن کی اپریٹ کا پارامتر

参考：کیس وریٹنگ-موڈ کی اپریٹ کا پارامتر