CSS بوردر بلوک قطر حیثیت

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

تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و عرض حاشیه‌های عنصر تنظیم شده خصیصه در جهت بلوک.

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

تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و ارزش‌های خصیصه می‌تواند به روش‌های مختلف تنظیم شود:

عرض لبه‌های پایان بلوک 50px باشد تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و خصائص دو ارزش دارد:

border-block-width: 10px 50px;

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

عرض لبه‌های پایان بلوک 50px باشد تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و اگر

#example1 {

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

عرض لبه‌های شروع و پایان بلوک هر دو 10px است تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و CSS ویژگی‌ها با ویژگی‌های CSSborder-left-widthborder-bottom-widthborder-left-width، border-right-width و border-top-width تعریف می‌کند جهت بلوک. این تأثیر می‌گذارد بر شروع و پایان بلوک، و بسیار مشابه، اما

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

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

مثال

مثال 1

برای تنظیم عرض لبه‌های در جهت بلوک:
  div {
  #example1 {
border-block-width: 5px;
border-block-width: 10px;
  div {
  #example2 {
border-block-width: 5px;

}

border-block-width: نازک ضخیم;

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

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

}

آزمایش کنید

نوشتار زبان CSSطولborder-block-width: متوسط|نازک|ضخیم|

|مقدار اولیه|ارث‌پذیری;

جزئیات فنی

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

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

مربوط صفحات

تعلیم:CSS کا بوردر

مطالعه:CSS بوردر حیثیت

مطالعه:CSS بوردر بلوک حیثیت

مطالعه:CSS بوردر بلوک شمالی قطر حیثیت

مطالعه:CSS بوردر بلوک جنوبی قطر حیثیت

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

مطالعه:CSS بوردر پایین قطر حیثیت

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

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

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

مطالعه:CSS writing-mode کا اپریشن