ویژگی CSS margin-block-end

صفحه قبل margin-block
صفحه بعدی margin-block-start

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

margin-block-end ویژگی‌ها مشخص می‌کنند که حاشیه انتهای جهت بلوک چگونه است.

ویژگی‌های CSS margin-block و margin-inline ویژگی‌ها با ویژگی‌های CSS margin-top،margin-bottom،margin-left و margin-right ویژگی بسیار مشابه، اما margin-block و margin-inline ویژگی وابسته به جهت بلوک و جهت خطی است.

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

مثال

مثال 1

حاشیه خارجی بلوک در پایان تنظیم شود:

div {
  margin-block-end: 35px;
}

تست شخصی کنید

مثال 2

وقتی علامت <div> writing-mode وقتی مقدار ویژگی vertical-rl تنظیم شود، جهت بلوک از راست به چپ است. نتیجه این است که位置 انتهایی عنصر از پایین به سمت چپ حرکت می‌کند. بنابراین، تغییر writing-mode نیز بر تأثیر margin-block-end تأثیر می‌گذارد:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

تست شخصی کنید

آموزش زبان CSS

margin-block-end: auto|طول|ابتدایی|وراثت;

مقدار ویژگی

مقدار	توضیح
자동	مقدار پیش‌فرض. حاشیه خارجی پیش‌فرض عنصر.
طول	فاصله را مشخص کنید، واحد‌های آن px، pt، cm و غیره است. مقادیر منفی مجاز هستند. لطفاً به:واحدهای CSS.
%	فاصله‌ای را مشخص کنید که به نسبت اندازه عنصر والد در جهت خطی مشخص می‌شود.
ابتدایی	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: ابتدایی.
وراثت	این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: وراثت.

جزئیات فنی

مقدار پیش‌فرض:	자동
وراثت:	خیر
انیمیشن:	پشتیبانی می‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
آموزش زبان برنامه‌نویسی:	object.style.marginBlockEnd="20px"