जब आप लिंक टैग (और के बीच) के अंदर एक छवि रखते हैं, तो विज़िटर का ब्राउज़र डिफ़ॉल्ट रूप से छवि के चारों ओर एक-पिक्सेल-चौड़ी नीली सीमा खींचता है। इस तथ्य के अलावा कि ब्राउज़र की मनमानी आपके पृष्ठ के इस डिज़ाइन तत्व के आकार को दो पिक्सेल लंबवत और दो पिक्सेल क्षैतिज रूप से बढ़ा देती है, नीला रंग पृष्ठ डिज़ाइन की रंग योजना से मेल नहीं खा सकता है।
निर्देश
चरण 1
यदि आपको एक या अधिक लिंक छवियों से बॉर्डर निकालने की आवश्यकता है, तो आप अपनी ज़रूरत की प्रत्येक छवि के टैग में शून्य मान वाली सीमा विशेषता जोड़कर ऐसा कर सकते हैं। उदाहरण के लिए: शैली विशेषता का उपयोग करके समान सीमा को शून्य मान के साथ रखकर समान प्रभाव प्राप्त किया जा सकता है: इस प्रकार में शून्य मान (0px) को "कोई नहीं" (उद्धरण के बिना) मान से बदला जा सकता है।
चरण 2
यदि आपको इस समस्या को मौलिक रूप से हल करने की आवश्यकता है, अर्थात पूरे दस्तावेज़ में लिंक वाले सभी चित्रों के लिए, तो इसे अलग तरीके से करना बेहतर है। प्रत्येक छवि के टैग में संबंधित विशेषता को अलग से जोड़ने की कोई आवश्यकता नहीं है, दस्तावेज़ की शुरुआत में शैली विवरण में सभी के लिए सामान्य नियम को लिखना आसान है। यह सीएसएस नियम इस तरह दिखेगा: एक आईएमजी {सीमा: कोई नहीं;} इसे शैली विवरण ब्लॉक में रखा जाना चाहिए, और ब्लॉक को पृष्ठ शीर्षक को बंद करने वाले टैग से पहले रखा जाना चाहिए:
एक आईएमजी {सीमा: कोई नहीं;}
चरण 3
न केवल छवियों, बल्कि कुछ प्रकार के ब्राउज़रों में साधारण टेक्स्ट लिंक में भी इसी तरह की समस्या होती है - यदि कोई आगंतुक लिंक पर क्लिक करता है, तो उसके चारों ओर एक बिंदीदार सीमा बनी रहेगी। अपने पृष्ठ को इस डिज़ाइन त्रुटि से बचाने के लिए, शैली विवरण में निम्नलिखित लिंक नियम जोड़ें:
एक आईएमजी {रूपरेखा: कोई नहीं;}
