اگر در حال ساخت وب سایت هستید ، قطعاً باید تنظیمات نمایش صفحات را در مرورگرهای بازدید کننده در نظر بگیرید. به طور خاص ، تصاویر قرار داده شده در داخل برچسب های لینک به طور پیش فرض توسط مرورگرهایی با حاشیه عرض آبی یک نقطه ای (پیکسل) مشخص می شوند. این امر باید هم هنگام تعیین اندازه عناصر صفحه و هم هنگام تعیین طرح رنگ آنها در نظر گرفته شود. یک راه حل دیگر برای این مشکل وجود دارد - استفاده از HTML و CSS برای مجبور کردن مرورگرها برای نمایش کادر.
دستورالعمل ها
مرحله 1
اگر برای نسخه طراحی صفحه شما کافی است حاشیه را از یک تصویر خاص با یک پیوند یا چند مورد حذف کنید ، کافی است ویژگی حاشیه را با مقدار صفر به برچسب های آنها اضافه کنید. با استفاده از این اضافات ، کد HTML تصاویر دارای پیوند ممکن است به این شکل باشد: شما همچنین می توانید از ویژگی های سبک استفاده کنید - این گزینه ها معادل هستند. با مشخصه سبک و مقدار حاشیه صفر در آن مشخص شده ، همان کد به صورت زیر خواهد بود: هنگام استفاده از مشخصه سبک ، می توان مقدار صفر (0 پیکسل) را با متن "هیچ" (بدون نقل قول) جایگزین کرد.
گام 2
اگر می خواهید از ظاهر کادر برای همه تصاویر با پیوندهایی که در صفحه قرار دارند جلوگیری کنید ، انجام این کار در یک مکان در کد HTML آسان تر است. برای انجام این کار ، توصیف سبک های صفحه با یک قانون مشترک در همه پیوندها باید در قسمت عنوان سند (بین برچسب ها و) قرار گیرد. می توانید این قانون را به صورت زیر بنویسید:
a img {حاشیه: هیچ؛}
مرحله 3
اگر از اسکریپت های جاوا اسکریپت در صفحه ای استفاده کنید که هنگام کلیک کردن روی پیوند متنی بدون تغییر صفحه دیگر ، هر عملی را انجام می دهد ، پس از کلیک کردن در برخی از مرورگرها و در اطراف پیوند متن ، یک قاب نقطه دار مشابه باقی می ماند. برای جلوگیری از این تغییر غیر مجاز در طرح خود ، یک قانون مناسب برای پیوندهای متنی به بلوک شرح سبک CSS اضافه کنید:
یک {رئوس مطالب: هیچ؛}
