CSS بوردر اینلاین استارٹ پیمان اپریٹر

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

border-inline-start-width پروپرتی تنظیم شده در ابتدای جهت درون خط فریم‌های پیرامون.

توجه:برای اینکه border-inline-start-width پروپرتی فعال می‌شود، باید تنظیم شود border-inline-start-style ویژگی‌ها مطابقت دارند.

ویژگی‌های CSS border-inline-start-width ویژگی‌ها با border-bottom-width،border-left-width،border-right-width و border-top-width ویژگی‌ها بسیار مشابه هستند، اما border-inline-start-width ویژگی به مسیر درون‌جمله وابسته است.

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

مثال

مثال 1

تنظیم عرض حاشیه شروع مسیر درون‌جمله:

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

آزمایش کنید

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

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

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

آزمایش کنید

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

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

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

آزمایش کنید

قوانین CSS

border-inline-start-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:CSS کا فریم ورک

مطالعه:CSS بوردر اپریٹ

مطالعه:CSS بوردر اینلاین اپریٹ

مطالعه:CSS بوردر اینلاین ختم قطر اپریٹ

مطالعه:CSS بوردر اینلاین استارٹ سبک اپریٹر

مطالعه:CSS بوردر پائین قطر اپریٹ

مطالعه:CSS بوردر چپ پیمان اپریٹر

مطالعه:CSS بوردر راست پیمان اپریٹر

مطالعه:CSS بوردر ابوت پیمان اپریٹر

مطالعه:CSS دیکشن اپریشن

مطالعه:CSS text-orientation کا اپریشنٹ

مطالعه:CSS writing-mode کا اپریشنٹ