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

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

border-block-start-width ویژگی عرض حاشیه‌های شروع در جهت بلوک عنصر تنظیم شود.

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

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

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

مثال

مثال 1

تنظیم عرض حاشیه‌های شروع در جهت بلوک:

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

آزمایش کنید

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

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

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

آزمایش کنید

قوانین CSS

border-block-start-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

جزئیات فنی

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

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

صفحات مرتبط

آموزش:کناره CSS

ارجاع:ویژگی border CSS

ارجاع:ویژگی border-block CSS

ارجاع:ویژگی border-block-width CSS

ارجاع:ویژگی border-block-end-width CSS

ارجاع:ویژگی border-bottom-width CSS

ارجاع:ویژگی border-left-width CSS

ارجاع:ویژگی border-right-width CSS

ارجاع:ویژگی border-top-width CSS

ارجاع:ویژگی writing-mode CSS