ویژگی border-inline-start-width CSS

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

تعریف جهت درون‌خطی را انجام می‌دهد. این ویژگی تأثیر می‌گذارد بر موقعیت شروع و پایان سطرها، و پهنای لبه شروعی عناصر تنظیم شده در جهت خطی.

ویژگی‌ها به شدت مشابه هستند، امابرای اینکه تعریف جهت درون‌خطی را انجام می‌دهد. این ویژگی تأثیر می‌گذارد بر موقعیت شروع و پایان سطرها، و خصوصیات فعال می‌شود، باید تنظیم شود border-inline-start-style 属性。

CSS 的 تعریف جهت درون‌خطی را انجام می‌دهد. این ویژگی تأثیر می‌گذارد بر موقعیت شروع و پایان سطرها، و مشابه هستند.} ویژگی‌های CSSویژگی‌های CSS مرتبطویژگی‌ها باویژگی‌های CSS مرتبطborder-bottom-width text-orientation border-left-width border-right-width تعریف جهت درون‌خطی را انجام می‌دهد. این ویژگی تأثیر می‌گذارد بر موقعیت شروع و پایان سطرها، و border-top-width

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

نتیجه ویژگی. برای صفحات انگلیسی، جهت درون‌خطی از چپ به راست و جهت بلوک به پایین است.

مثال

مثال 1

تأثیر ویژگی:
  writing-mode
  direction: rtl;
border-inline-start-width: 10px;

}

تنظیم عرض حاشیه‌های شروع درون‌خطی:

مثال 2: ترکیب ویژگی writing-mode محل شروع حاشیه‌های درون‌خطی تحت تأثیر direction

تأثیر ویژگی:
  writing-mode
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
border-inline-start-width: 10px;

}

border-inline-start-width: 5px;

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

تأثیر ویژگی:
  div {
  direction: rtl;
border-inline-start-width: 10px;

}

آزمایش کنید

جملات CSSlengthborder-inline-start-width: medium|thin|thick|

|initial|inherit;

جزئیات فنی

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

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

صفحات مرتبط

تدریس:کناره‌های CSS

مطالعه:ویژگی border CSS

مطالعه:ویژگی border-inline CSS

مطالعه:ویژگی border-inline-end-width CSS

مطالعه:ویژگی border-inline-start-style CSS

مطالعه:ویژگی border-bottom-width CSS

مطالعه:ویژگی border-left-width CSS

مطالعه:ویژگی border-right-width CSS

مطالعه:ویژگی border-top-width CSS

مطالعه:خصوصیت direction CSS

مطالعه:ویژگی text-orientation CSS

مطالعه:ویژگی writing-mode CSS