HTML <img> टैग की border विशेषता

HTML <img> टैग

उदाहरण

यह HTML विभिन्न आकार के चित्र किनारों को उत्पन्न कर सकता है:

<html>
<body>
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="1" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="2" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="4" />
</a>
<br />
<a href="/index.html">
<img src="/i/eg_logo_codew3c.gif" border="8" />
</a>
</body>
</html>

अपने आप सबसे प्रयोग करें

विनिर्धारण और उपयोग

<img> टैग का border गुण इमेज के चारों ओर की किनारा की चौड़ाई निर्धारित करता है, अर्थात् इमेज के बॉर्डर को बढ़ाया जा सकता है या हटाया जा सकता है।

टिप्पणी:डिफॉल्ट में, इमेज को कोई किनारा नहीं होता है (अगर इमेज a एलिमेंट के अंदर होता है तो नहीं)।

ब्राउज़रों की अक्सर उपयोग में आनेवाले इमेज (उदाहरण के लिए <a> टैग में शामिल इमेज) को दो पिक्सेल चौड़ी किनारा में दिखाया जाता है, ताकि पाठक इस इमेज को चुनकर संबंधित दस्तावेज़ को आगे बढ़ा सकें।

border गुण और पिक्सेल में प्रस्तुत चौड़ाई मूल्य का उपयोग करके इमेज के बॉर्डर को हटाया जा सकता है (border="0") या बढ़ाया जा सकता है।

ध्यान दें:यह गुण HTML 4 और XHTML में भी नहीं सिफारिश किया जाता है, लेकिन इसे लोकप्रिय ब्राउज़रों द्वारा अच्छी तरह से समर्थित किया जाता है।

विस्तृत पढ़ने के लिए: इमेज की किनारा हटाना

ब्राउज़र समर्थन

भले ही border गुण का उपयोग करने की सिफारिश नहीं की जाती है, लेकिन सभी प्रमुख ब्राउज़र इस गुण को समर्थित करते हैं।

टिप्पणी और नोट

टिप्पणी:टिप्पणी: HTML 4.01 ने इमेज के "border" गुण का उपयोग करने की सिफारिश नहीं की है।XHTML 1.0 Strict DTD और HTML 5 में, इस गुण का समर्थन नहीं है।

टिप्पणी:कृपया इसका उपयोग करें CSS के बॉर्डर गुण एलिमेंट के बॉर्डर शैली को बदलने के लिए उपयोग करें।आप एक बाहरी स्टाइल शीट में CSS बॉर्डर गुण का उपयोग कर सकते हैं, ताकि वेबसाइट पर सभी इमेजों के लिए एकसमान बॉर्डर सेट कर सकें।एक अलग इमेज के लिए border गुण सेट करने की तुलना में, इस तरीके की प्रभावशीलता अधिक है।

समायोजन टिप्पणी

img एलिमेंट के border गुण का उपयोग करने की सिफारिश नहीं की जाती; HTML 4.01 Strict और XHTML 1.0 Strict DTD में img एलिमेंट के border गुण का समर्थन नहीं है।

कृपया CSS का उपयोग करें।

CSS व्याकरण: <img style="border:5px solid black">

CSS उदाहरण: इमेज बॉर्डर

हमारे CSS शिक्षण में आपको अधिक जानकारी मिल सकती है border गुण का विवरण।

व्याकरण

<img border="value" />

गुण मूल्य

मूल्य वर्णन
pixels किनारा की चौड़ाई पिक्सेल में।

TIY उदाहरण

<img> टैग का border गुण
इस उदाहरण में, <img> टैग के border गुण का उपयोग करके इमेज की किनारा को बदलने के तरीके दिखाया गया है।

विस्तृत पढ़ने के लिए: इमेज की किनारा हटाना

<img> टैग में border="0" गुण का उपयोग करके, इमेज सुधारक के चारों ओर की किनारा हटा सकते हैं।कुछ इमेजों के लिए, विशेष रूप से इमेज मैप के लिए, किनारा नहीं होने से पृष्ठ का आकार बेहतर दिख सकता है।जो लिंक बटन हैं और उनका लक्ष्य अन्य इमेज है, तो किनारा नहीं होने से इमेज का दिखावा बेहतर हो सकता है।

हालांकि किनारा हटाने से दस्तावेज की उपयोगिता कम नहीं होती, लेकिन अधिक सावधानी रखनी चाहिए।क्योंकि किनारा नहीं होने का मतलब है कि एक बहुत ही सामान्य सुधारक लिंक के दृश्यक संकेत को हटा दिया गया है, जिससे पाठक इन लिंकों को जैसे पहले ज्यादा आसानी से नहीं खोज पा सकें।ब्राउज़र आमतौर पर ब्रश सुधारक लिंक के इमेज पर ले जाने के दौरान माउस पॉइंटर को बदल देते हैं, लेकिन ब्राउज़र को इस तरह का व्यवहार करने की आशा नहीं की जाए, और बिना किनारा वाले इमेज पर उपयोगकर्ता को लिंकों को खोजने के लिए अनुमति नहीं दी जानी चाहिए।

हम आपको बहुत बड़ी मात्रा में सिफारिश करते हैं कि आप बिना किनारा वाले इमेज का उपयोग करते हैं तो, इसके साथ-साथ अन्य तरीके भी उपयोग करें, ताकि आपके पाठक इन इमेजों पर क्लिक करने के लिए जान सकें।भले ही आसान लेख का उपयोग किया जाए, भी इस दस्तावेज को पाठक के लिए बेहतर सुगम्य बनाना कठिन है।

HTML <img> टैग