CSS بوردر اینلاین انتهایی قطر نمائش

پچھلے پیج border-inline-end-style
پایین پیج border-inline-start

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

border-inline-end-width پروپرتی ستینگ علامت در پائین سمت چپ فریم.

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

CSS border-inline-end-width ویژگی‌ها با ویژگی‌های CSS border-bottom-width،border-left-width،border-right-width و border-top-width بسیار مشابه، اما border-inline-end-width ویژگی وابسته به direction است.

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

مثال

مثال 1

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

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

آزمایش کنید

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

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

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

آزمایش کنید

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

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

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

آزمایش کنید

نوع زبان CSS

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

مقدار ویژگی

مقدار	توضیحات
medium	حاشیه‌های متوسط را مشخص می‌کند. مقدار پیش‌فرض.
medium	حاشیه‌های نازک را مشخص می‌کند.
thin	حاشیه‌های ضخیم را مشخص می‌کند.
length	به شما اجازه می‌دهد ضخامت حاشیه را تعریف کنید. لطفاً به:واحدهای CSS.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض:	medium
ابستگی:	خیر
انیمیشن سازی:	پشتیبانی. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
نوع زبان جاوااسکریپت:	object.style.borderInlineEndWidth="10px"