Amikor képet helyez a linkcímkébe (és közé), a látogató böngészője alapértelmezés szerint egy pixel széles kék szegélyt rajzol a kép köré. Amellett, hogy a böngésző önkényessége növeli az oldal ezen elemének méretét függőlegesen két, vízszintesen két képponttal, előfordulhat, hogy a kék szín nem felel meg az oldalterv színvilágának.
Utasítás
1. lépés
Ha el kell távolítania a szegélyt egy vagy több linkképről, akkor ezt úgy teheti meg, hogy minden szükséges kép címkéjéhez hozzáad egy nulla értékű szegély attribútumot. Például: Ugyanaz a hatás érhető el a style attribútummal, ha ugyanazt a szegélyt nulla értékkel helyezzük el: A nulla érték (0px) ebben a változatban helyettesíthető a "none" értékkel (idézőjelek nélkül).
2. lépés
Ha radikálisan meg kell oldania ezt a problémát, vagyis az összes dokumentumban linkekkel ellátott képeket, akkor jobb, ha másképp csinálja. Nem szükséges külön-külön hozzáadni a megfelelő attribútumot az egyes képek címkéihez, könnyebb leírni a dokumentum elején található stílusleírásban a mindenki számára közös szabályt. Ez a CSS-szabály így fog kinézni: img {border: none;} A stílusleíró blokkba kell helyezni, és magát a blokkot az oldal címét lezáró címke elé kell helyezni:
egy img {határ: nincs;}
3. lépés
Nemcsak képek, hanem bizonyos típusú böngészők egyszerű szöveges linkjei is hasonló problémával küzdenek - ha egy látogató rákattint a linkre, akkor pontozott szegély marad körülötte. Ha el szeretné menteni az oldalát a tervezési hibától, vegye fel a következő linkszabályt a stílusleírásokba:
egy img {vázlat: nincs;}
