ویژگی border-block-width CSS

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

ویژگی‌های CSS مرتبط باید عرض لبه‌های تنظیم شده برای عنصر ویژگی در جهت بلوک را تنظیم کنید.

بسیار مشابه، امابرای اینکه ویژگی‌های CSS مرتبط برای فعال شدن ویژگی باید تنظیم شود border-block-style.

ویژگی‌های CSS مرتبط مقادیر این ویژگی می‌توانند به روش‌های مختلف تنظیم شوند:

عرض لبه‌های پایان بلوک 50px باشد ویژگی‌های CSS مرتبط مقادیر دوگانه دارد:

border-block-width: 10px 50px;

• border-block-width: 10px 50px;
• عرض لبه‌های شروع بلوک 10px باشد

عرض لبه‌های پایان بلوک 50px باشد ویژگی‌های CSS مرتبط اگر

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

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

عرض لبه‌های شروع و پایان بلوک هر دو 10px است ویژگی‌های CSS مرتبط CSS ویژگی‌ها با ویژگی‌های CSS،border-bottom-width،border-left-width و border-right-width و ویژگی‌های CSS مرتبط border-top-width

بسیار مشابه، اماویژگی وابسته به جهت بلوک است. مثال 2: ترکیب ویژگی writing-mode توجه داشته باشید: ویژگی‌های CSS مرتبط تعریف می‌کند جهت بلوک. این می‌تواند شروع و پایان بلوک و

border-block-width

نتیجه ویژگی. برای صفحات انگلیسی، جهت درون‌تیپ از چپ به راست است و جهت بلوک به سمت پایین.

مثال

مثال 1
  تأثیرات ویژگی:
  تنظیم عرض لبه‌های جهت بلوک:
writing-mode: vertical-rl;
#example1 {
  تأثیرات ویژگی:
  border-block-width: 10px;
writing-mode: vertical-rl;

border-block-width: 5px;

#example2 {

border-block-width: thin thick; مثال 2: ترکیب ویژگی writing-mode لبه‌های شروع و پایان در جهت بلوک تحت تأثیر

writing-mode
  تأثیرات ویژگی:
  div {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-width: 5px;

}

آزمایش کنیدlengthآموزش دستور زبان CSS

border-block-width: medium|thin|thick|

جزئیات فنی

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

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

صفحات مرتبط

آموزش:حاشیه CSS

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

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

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

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

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

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

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

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

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

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