CSS بوردر بلوک ختم اپریٹ

پچھلے پیمانہ border-block-color
پائیدھ پیمانہ border-block-end-color

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

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

CSS border-block-end ویژگی‌ها به عنوان شorthand از border-bottom,border-left,border-right و border-top ویژگی‌ها بسیار مشابه هستند، اما border-block-end ویژگی وابسته به مسیر بلوک است.

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

مثال

مثال 1

برای تنظیم عرض، رنگ و استایل فریم در پایان مسیر بلوک:

div {
  border-block-end: 10px solid pink;
}

آزمایش کنید

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

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

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

آزمایش کنید

قواعد دستور زبان CSS

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

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض:	medium none currentcolor
ارث‌پذیری:	خیر
انیمیشن‌سازی:	پشتیبانی شده است. لطفاً ببینید:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
قواعد دستور زبان جاوااسکریپت:	object.style.borderBlockEnd="pink dotted 5px"