CSS بوردر بلوک رنگ اپریٹ

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

border-block-color مقدار خاصیت رنگ حاشیه‌های عناصر در جهت بلوک تنظیم شود.

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

border-block-color مقدار خصائص می‌توانند به روش‌های مختلف تنظیم شوند:

رنگ لبه‌های پایان بلوک آبی روشن باشد border-block-color خصائص دو مقدار دارند:

border-block-color: صورتی آبی روشن;

• 块起始处的边框颜色为 pink
• رنگ لبه‌های شروع بلوک صورتی باشد

رنگ لبه‌های پایان بلوک آبی روشن باشد border-block-color اگر

border-block-color: صورتی;

• ویژگی‌ها یک مقدار دارند:

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

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

مثال

مثال 1

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

#example1 {
  border-block-style: solid;
  border-block-color: صورتی;
}
#example2 {
  border-block-style: solid;
  border-block-color: صورتی آبی روشن;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-block-color: آبی;
}

آزمایش کنید

آموزش CSS

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

مقدار ویژگی

جزئیات فنی

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

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

مربوط صفحات

تعلیم:CSS کا فریم ورک

مطالعه:CSS بوردر اپریٹ

مطالعه:CSS بوردر بلوک اپریٹ

مطالعه:CSS بوردر بلوک رنگ ختم اپریٹ

مطالعه:CSS بوردر بلوک رنگ شروع اپریٹ

مطالعه:CSS بوردر بلوک استایل اپریٹ

مطالعه:CSS بوردر پائین قطر اپریٹ

مطالعه:CSS بوردر-لفت-کورس کی اپریٹیو

مطالعه:CSS بوردر-رائٹ-کورس کی اپریٹیو

مطالعه:CSS بوردر-ٹاپ-کورس کی اپریٹیو

مطالعه:CSS writing-mode کا پرزوگاری