<img> टैग
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
<img>
टैग पर width
और height
एट्रिब्यूट सेट करने से,
लेआउट में बदलाव रोकने में मदद मिलती है. इस जानकारी की मदद से ब्राउज़र, इमेज के लिए सही जगह रिज़र्व कर पाता है.
width
और height
एट्रिब्यूट सेट करें: इन एट्रिब्यूट की वैल्यू इस तरह सेट करें कि वे इमेज के डाइमेंशन (यानी कि उसका ओरिजनल साइज़) से मैच करें, न कि जिस डाइमेंशन पर इमेज को दिखाया जाएगा.
इमेज की स्टाइल में ज़रूरत के मुताबिक बदलाव करें: इमेज की मौजूदा स्टाइल के आधार पर, width
और height
एट्रिब्यूट जोड़ने पर, इमेज अलग तरह से रेंडर हो सकती है. कई मामलों में, मौजूदा स्टाइल में height: auto
या
width: auto
को जोड़कर, इसे ठीक किया जा सकता है.
पिछली सीएसएस स्टाइल |
इसमें बदलें |
img { width: 100%; } |
img { width: 100%; height: auto; } |
img { max-width: 100%; } |
img { max-width: 100% height: auto; } |
img { height: 100%; } |
img { height: 100%; width: auto } |
एचटीएमएल
<img width="267" height="400" src="dog.jpg">
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2024-03-13 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2024-03-13 (UTC) को अपडेट किया गया."],[],[]]