ویژگی border-block-style CSS

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

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

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

اگر ویژگی‌های CSS مرتبط ویژگی دو مقدار دارد:

border-block-style: solid;

• طرح حاشیه در ابتدای بلوک به صورت خط‌چین است
• طرح حاشیه در انتهای بلوک به صورت خط‌چین است

اگر ویژگی‌های CSS مرتبط ویژگی یک مقدار دارد:

border-block-style: dashed;

• طرح‌های حاشیه در ابتدای و انتهای بلوک به صورت خطوط افقی هستند

CSS ویژگی‌های CSS مرتبط ویژگی‌های CSS و ویژگی‌های CSS border-bottom-styleوborder-left-styleوborder-right-style و border-top-style 非常相似，但 ویژگی‌های CSS مرتبط 属性依赖于块方向。

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

border-block-style

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

مثال

مثال 1
  تنظیم سبک حاشیه در مسیر بلوک:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; مثال 2: ترکیب ویژگی writing-mode موقعیت حاشیه در شروع و پایان مسیر بلوک تحت تأثیر

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

border-block-style: dotted;

}

آزمایش کنید

زبان CSS

جزئیات فنی

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

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

صفحات مرتبط

مستند:پیرامون لبه‌های CSS

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

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

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

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

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

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

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

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

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