margin collapse
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> h1 { margin: 0 0 50px 0; } h2 { margin: 20px 0 0 0; } h1,h2,p {direction:rtl;} </style> </head> <body> <p>در این مثال ، عنصر h1 دارای فضای حاشیه پایین 50 پیکسلی است و عنصر h2 دارای فضای حاشیه بالای 20 پیکسلی. در نتیجه فضای حاشیه عمودی بین این دو عنصر جمعا 70 پیکسل است. اما بر اساس ویژگی margin collapse ، فضای حاشیه نهایی 50 پیکسل اجرا می شود.</p> <h1>تیتر 1</h1> <h2>تیتر 2</h2> </body> </html>