ویژگی border-block-end-width CSS

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

border-block-end-width ویژگی‌ها را تنظیم کنید، باید

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

ویژگی‌های CSS border-block-end-width ویژگی‌ها با border-bottom-width،border-left-width،border-right-width و border-top-width ویژگی‌ها بسیار مشابه هستند، اما border-block-end-width ویژگی وابسته به جهت بلوک است.

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

مثال

مثال 1

تنظیم ضخامت حاشیه انتهای جهت بلوک:

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

آزمایش کنید

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

محل حاشیه انتهای جهت بلوک تحت تأثیر: writing-mode تأثیر ویژگی:

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

آزمایش کنید

قانون CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:حاشیه CSS

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

ارجاع:ویژگی border-block CSS

ارجاع:ویژگی border-block-end CSS

ارجاع:ویژگی border-block-end-style CSS

ارجاع:ویژگی border-block-start-width CSS

ارجاع:ویژگی border-bottom-width CSS

ارجاع:ویژگی border-left-width CSS

ارجاع:ویژگی border-right-width CSS

ارجاع:ویژگی border-top-width CSS

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