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

پچھلے صفحہ border-inline-end-color
آئندہ صفحہ border-inline-end-width

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

border-inline-end-style خصائص تنظیم نمونه در انتهای جهت درون خط لبه‌ها کا سلسله مراتب.

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

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

مثال

مثال 1

نحوه تنظیم استایل border در پایان جهت درون:

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

آزمایش کنید خودتان

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

موقعیت末端 border در جهت درون درجه‌بندی تحت تأثیر writing-mode تأثیرات ویژگی:

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

آزمایش کنید خودتان

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

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

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

آزمایش کنید خودتان

قوانین CSS

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

مقدار ویژگی

مقدار	توضیح
none	مقدار پیش‌فرض.指定 بدون border.
hidden	مانند none است، اما در حل تعارضات border در عناصر جدول متفاوت است.
dotted	border dotted.
dashed	border dashed.
solid	border solid.
double	border double.
groove	3D border grooved. تأثیرات بستگی به مقدار border-color دارد.
ridge	3D border raised. تأثیرات بستگی به مقدار border-color دارد.
inset	3D border inset. تأثیرات بستگی به مقدار border-color دارد.
outset	3D border convex. تأثیرات بستگی به مقدار border-color دارد.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. ببینید initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. ببینید inherit.

جزئیات فنی

مقدار پیش‌فرض:	none
وراثت:	خیر
انیمیشن‌سازی:	پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
قوانین جاوااسکریپت:	object.style.borderInlineEndStyle="dotted"