ویژگی CSS margin-block-start

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

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

margin-block-start ویژگی‌های CSS برای مشخص کردن حاشیه شروع جهت بلوک.

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

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

مثال

مثال 1

تنظیم حاشیه شروع بلوک:

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

آزمایش کنید

مثال 2

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

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

آزمایش کنید

نوشتار CSS

margin-block-start: auto|length|initial|inherit;

مقدار ویژگی

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

جزئیات فنی

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