CSS بوردر بلوک کا اپریٹ

پچھلے صفحہ border
آئندہ صفحہ border-block-color

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

border-block ویژگی کوتاه‌نویسی‌کننده برای ویژگی‌های زیر است:

اگر مقدار رنگ یا عرض را مشخص نکنید، مقدار پیش‌فرض استفاده خواهد شد.

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

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

مثال

مثال 1

طراحی سبک، رنگ و عرض لبه‌های بالا برای عناصر مختلف در جهت بلوک:

h1 {
  border-block: 5px solid red;
}
h2 {
  border-block: 4px dotted blue;
}
div {
  border-block: double;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-block: hotpink dashed 8px;
}

آزمایش کنید

جمله‌بندی CSS

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

مقدار ویژگی

مقدار	توضیح
border-block-width	عرض لبه‌های بالا در جهت بلوک مشخص می‌کند. مقدار پیش‌فرض medium است.
border-block-style	نوع لبه‌های بالا در جهت بلوک مشخص می‌کند. مقدار پیش‌فرض none است.
border-block-color	رنگ لبه‌های بالا در جهت بلوک مشخص می‌کند. مقدار پیش‌فرض رنگ متن است.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. ببینید: initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: inherit.

جزئیات فنی

مقدار پیش‌فرض:	medium none color
وراثت:	خیر
انیمیشن‌سازی:	پشتیبانی شده است. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
جمله‌بندی جاوااسکریپت:	object.style.borderBlock="dashed hotpink 10px"