Tasvirni bog'lanish yorlig'i ichiga (va oralig'ida) joylashtirganda, tashrif buyuruvchining brauzeri sukut bo'yicha rasm atrofida bir piksel kengligida ko'k chegara chizadi. Brauzer o'zboshimchaliklari sizning sahifangizning ushbu dizayn elementi hajmini vertikal ravishda ikki pikselga va gorizontal ravishda ikki pikselga oshirganiga qo'shimcha ravishda, ko'k rang sahifa dizaynidagi ranglar sxemasiga mos kelmasligi mumkin.
Ko'rsatmalar
1-qadam
Agar siz bir yoki bir nechta bog'lanish rasmlaridan chegarani olib tashlashingiz kerak bo'lsa, buni kerakli rasmlarning har birining yorlig'iga nol qiymatiga ega bo'lgan chegara atributini qo'shib qilishingiz mumkin. Masalan: Stil atributidan foydalanib, xuddi shu chegarani nol qiymati bilan bir xil chegarani qo'yish orqali xuddi shu effektga erishish mumkin: Ushbu variantdagi nol qiymat (0px) "yo'q" (tirnoqsiz) qiymati bilan almashtirilishi mumkin.
2-qadam
Agar sizga ushbu muammoni tubdan hal qilish kerak bo'lsa, ya'ni butun hujjatdagi havolalari bo'lgan barcha rasmlar uchun bo'lsa, unda buni boshqacha qilish yaxshiroqdir. Har bir rasm yorlig'iga mos keladigan atributni alohida-alohida qo'shishning hojati yo'q, hujjat boshidagi uslub tavsifida hammaga xos bo'lgan qoidani yozish osonroq. Ushbu CSS qoidasi quyidagicha bo'ladi: img {border: none;} U uslubni tavsiflash blokiga joylashtirilishi kerak va blok o'zi sahifa sarlavhasini yopadigan yorliqdan oldin joylashtirilishi kerak:
img {border: none;}
3-qadam
Nafaqat rasmlar, balki ba'zi turdagi brauzerlardagi oddiy matnli havolalar ham shunga o'xshash muammoga duch keladi - agar mehmon havolani bossa, uning atrofida nuqta chegarasi qoladi. O'zingizning sahifangizni ushbu dizayndagi xatodan saqlab qolish uchun uslub tavsiflariga quyidagi havola qoidasini qo'shing:
img {anahat: yo'q;}
