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

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

border-block-end-color ویژگی برای تنظیم رنگ لبه انتهای مسیر بلوک عنصر استفاده شود.

توجه:برای استفاده از border-block-end-color ویژگی برای فعال شدن، باید border-block-end-style ویژگی.

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

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

مثال

مثال 1

رنگ لبه انتهای مسیر بلوک را تنظیم کنید:

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

آزمایش کنید

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

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

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

آزمایش کنید

زبان CSS

border-block-end-color: رنگ|شفاف|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

راهنما:کناره CSS

منابع:ویژگی border CSS

منابع:ویژگی border-block CSS

منابع:ویژگی border-block-color CSS

منابع:ویژگی border-block-start-color CSS

منابع:ویژگی border-block-end-style CSS

منابع:ویژگی border-bottom-color CSS

منابع:ویژگی border-left-color CSS

منابع:ویژگی border-right-color CSS

منابع:ویژگی border-top-color CSS

منابع:ویژگی writing-mode CSS