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

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

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

توجه:برای اینکه border-block-start-color ویژگی‌ها برای شروع باید تنظیم شوند border-block-start-style ویژگی‌ها.

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

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

مثال

مثال 1

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

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

آزمایش کنید

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

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

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

آزمایش کنید

آموزش نحوی CSS

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

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

تدریس:کناره CSS

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

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

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

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

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

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

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

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

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

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