شکسته‌شدن حاشیه
پرش به ناوبری
پرش به جستجو
شکسته شدن حاشیه
گاهی اوقات حاشیه های بالا و پایین به یک مقدار حاشیه، که برابر بزگترین مقدار بین آن دو است، شکسته می‌شوند.[۱]
این اتفاق در حاشیه‌های چپ و راست رخ نمی‌دهد! فقط حاشیه‌های بالا و پایین!
نگاهی به مثال زیر بی‌اندازید:
مثال
نمایش شکستن حاشیه:
در مثال بالا، عنصر <h1> یک حاشیه پایین برابر با ۵۰ پیکسل دارد و عنصر <h2> یک حاشیه بالا به اندازه ۲۰ پیکسل دارد.
بطور معقول بنظر می رسد که حاشیه (به انگلیسی: margin) عمودی ببین عنصر <h1> و <h2> مجموعاً (50px + 20px) 70px خواهد بود. اما با توجه به شکست، در نهایت حاشیه واقعی ۵۰ پیکسل است.
خود را با تمرین‌ها آزمایش کنید!
تمامی ویژگی‌های Margin در CSS
| ویژگی | توضیحات |
|---|---|
| margin | یک ویژگی مختصر برای تنظیم ویژگی‌های حاشیه در یک اعلان است |
| margin-bottom | حاشیه پایین (به انگلیسی: bottom margin) را تنظیم می‌کند |
| margin-left | حاشیه از چپ (به انگلیسی: left margin) را تنظیم می‌کند |
| margin-right | حاشیه از راست (به انگلیسی: right margin) را تنظیم می‌کند |
| margin-top | حاشیه بالا (به انگلیسی: top margin) را تنظیم می‌کند |
منابع آموزشی