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