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

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

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

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

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

آزمایش کنید

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

موقعیت پایان لبه‌های محدوده درون‌تیپ تحت تأثیر writing-mode تأثیرات ویژگی:

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

آزمایش کنید

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

موقعیت شروع و پایان لبه‌های محدوده درون‌تیپ تحت تأثیر 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;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

تدریس:کناره‌های 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