CSS مارگین-بلوک-استارت属性

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

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.
% مقدار فاصله را در درصد از اندازه عنصر والد در جهت خط تنظیم می‌کند.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به: inherit.

جزئیات فنی

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

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه مرورگر اولین نسخه‌ای است که این ویژگی را کامل پشتیبانی می‌کند.

کروم ایج فایرفاکس سافاری آپرا
87.0 87.0 41.0 12.1 73.0

متعلقہ صفحات

مطالبه:CSS مارگین-بلوک属性

مطالبه:CSS مارگین-بلوک-ایند属性

مطالبه:CSS مارگین-پائین属性

مطالبه:CSS مارگ اینلاین کی خاصیت

مطالبه:CSS مارگ چپ کی خاصیت

مطالبه:CSS مارگ راست کی خاصیت

مطالبه:CSS مارگ بالا کی خاصیت

مطالبه:CSS writing-mode کا اپریشن