حاشیه

Margin-Block یک خاصیت کوتاه در CSS است که مقادیر شروع یک محاصره و حاشیه حاشیه ای یک عنصر را تعیین می کند ، که هر دو خاصیت منطقی هستند. این فضای اطراف عنصر را در جهت بلوک ایجاد می کند ، که با استفاده از حالت نوشتن عنصر ، جهت و متن جهت گیری تعیین می شود. این ویژگی بخشی از مشخصات منطقی CSS و مشخصات سطح 1 است که در حال حاضر در وضعیت ویرایشگر قرار دارد. این بدان معناست که تعریف و اطلاعات مربوط به آن می تواند بین توصیه های رسمی و رسمی تغییر کند.

منزل

اگر حالت نوشتن به صورت افقی تنظیم شود ، املاک حاشیه بلوک دقیقاً مانند تنظیم حاشیه و حاشیه حاشیه عمل خواهد کرد. یکی از جنبه های جالب این خاصیت این است که این یکی از خصوصیات منطقی است که نقشه یک به یک با خاصیت غیرقانونی ندارد. هیچ ویژگی قدیمی تر وجود ندارد که هر دو (و فقط) حاشیه جهت بلوک را تنظیم کند.

Codepen تعبیه شده است

اما حالت نوشتن عنصر را به چیزی مانند عمودی-LR تغییر دهید و لبه "پایین" در جهت عمودی چرخانده می شود و بیشتر شبیه به خصوصیات حاشیه چپ و حاشیه راست است.

Codepen تعبیه شده است حاشیه بلوک:

دیدن نحو یک ویژگی عجیب و غریب است که به نحو یک خاصیت CSS دیگر در اسناد اشاره دارد ، اما این واقعاً همان چیزی است که هست. آنچه اساساً سعی در گفتن دارد این است که این ملک همان مقادیر حاشیه (تا دو بار) را می پذیرد که این نحو را دنبال می کند:

MARGIN-TOP: ||خودکار؛

• مقدار اولیه: 0
• اعمال می شود: همه عناصر به جز عناصر میز داخلی ، ظروف پایه یاقوت و ظروف حاشیه نویسی یاقوت
• ارثی: نه
• درصد: در مورد خاصیت فیزیکی مربوطه
• مقدار محاسبه شده: همان خصوصیات حاشیه مربوطه
• نوع انیمیشن: توسط نوع مقدار محاسبه شده

اگر با دارایی حاشیه ای حاشیه آشنا باشید ، Margin-Block بسیار آشنا خواهد بود. تنها تفاوت این است که به جای چهار در دو جهت کار می کند.

/ * مقادیر طول */ حاشیه بلوک: 20px 40px ؛حاشیه بلوک: 2REM 4REM ؛حاشیه بلوک: 25 ٪ 15 ٪ ؛حاشیه بلوک: 20px ؛/ * یک مقدار واحد هر دو مقدار را تنظیم می کند *// * مقادیر کلمات کلیدی */ Margin-Block: AUTO ؛/ * مقادیر جهانی */ حاشیه بلوک: وراثت ؛حاشیه بلوک: اولیه ؛حاشیه بلوک: UNSET ؛

Codepen تعبیه شده است

منبع: caniuse