خط حاشیه

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

منزل

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

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

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

Codepen تعبیه شده است خط حاشیه:

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

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

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

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

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

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

منبع: caniuse