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

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

border-inline-start-style ترتیب‌دهی استایل حاشیه در ابتدای جهت درون خط عنصر.

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

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

مثال

مثال 1

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

div {
  border-inline-start-style: dotted;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

آزمایش کنید

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

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

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

آزمایش کنید

نوع دستور زبان CSS

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

دستورالعمل:کناره‌های CSS

ارجاع به:ویژگی border CSS

ارجاع به:ویژگی border-inline CSS

ارجاع به:ویژگی border-inline-end-style CSS

ارجاع به:ویژگی border-inline-start-style CSS

ارجاع به:ویژگی border-bottom-style CSS

ارجاع به:ویژگی border-left-style CSS

ارجاع به:ویژگی border-right-style CSS

ارجاع به:ویژگی border-top-style CSS

ارجاع به:ویژگی direction CSS

ارجاع به:ویژگی text-orientation CSS

ارجاع به:ویژگی writing-mode CSS