CSS بوردر بلوک شروع نمائش

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

border-block-start کیفیت اشارتی است که کوتاه شده از موارد زیر است:

• border-block-start-width
• border-block-start-style
• border-block-start-color

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

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

مثال

مثال 1

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

div {
  border-block-start: 10px solid pink;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-block-start: dotted blue;
}

آزمایش کنید

نوع دستور زبان CSS

border-block-start: border-block-start-width border-block-start-style border-block-start-color|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

تدریس:CSS کا بوردر

参考：CSS بوردر نمائش

参考：CSS بوردر بلوک نمائش

参考：CSS بوردر بلوک رنگ نمائش

参考：CSS بوردر بلوک رنگ شروع نمائش

参考：CSS بوردر پایین رنگ نمائش

参考：CSS بوردر-چپ-رنگ اپریٹر

参考：CSS بوردر-راست-رنگ اپریٹر

参考：CSS بوردر-ٹاپ-رنگ اپریٹر

参考：CSS writing-mode کا لکھنہ کا طریقہ