ویژگی border-block-end CSS

صفحه قبل border-block-color
صفحه بعدی border-block-end-color

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

border-block-end ویژگی‌های زیر به عنوان شرط‌نامه‌های کوتاه این ویژگی‌ها هستند:

CSS border-block-end ویژگی‌ها با ویژگی‌های CSS 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"