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: صورتی;
}

آزمایش کنید

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

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

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

آزمایش کنید

نوشتار CSS

border-block-start-color: رنگ|شفاف|پیش‌فرض|وراثت;

مقدار ویژگی

مقدار توضیح
رنگ رنگ لبه را مشخص کنید. پیش‌فرض رنگ فعلی عنصر است. ببینید:مقدارهای رنگ CSS.
شفاف رنگ لبه باید شفاف باشد.
مقدار پیش‌فرض این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: مقدار پیش‌فرض.
وراثت این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: وراثت.

جزئیات فنی

مقدار پیش‌فرض: رنگ فعلی عنصر
وراثت: خیر
انیمیشن ساخت: پشتیبانی می‌شود. لطفاً ببینید:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
نوشتار جاوااسکریپت: object.style.borderBlockStartColor="pink"

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

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

کروم ایج فایرفاکس سافاری آپرا
69.0 79.0 41.0 12.1 56.0

相關頁面

教程:CSS کا کیرتار

參考:CSS بوردر اپریٹ

參考:CSS بوردر بلوک اپریٹ

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

參考:CSS بوردر بلوک رنگ ختم اپریٹ

參考:CSS بوردر بلوک استایل شروع اپریٹ

參考:CSS بوردر پائین رنگ اپریٹ

參考:CSS بوردر چپ رنگ اپریٹر

參考:CSS بوردر راست رنگ اپریٹر

參考:CSS بوردر بالا رنگ اپریٹر

參考:CSS writing-mode کا اپریشن