आईफ्रेम से सीमा हटा दें

Question

मैं अपने वेब ऐप में एम्बेडेड आइफ्रेम से सीमा को कैसे हटाऊंगा? आइफ्रेम का एक उदाहरण है:

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

मैं चाहूंगा कि मेरे पृष्ठ पर मौजूद सामग्री से आईफ्रेम की सामग्री को सीमलेस किया जाए, मान लिया जाए कि पृष्ठभूमि रंग संगत हैं। लक्ष्य ब्राउज़र केवल IE6 है और दुर्भाग्य से दूसरों के लिए समाधान मदद नहीं करेगा।

Comments

आप एक iframe जनरेटर

— Shan Eapen Koshy

बस <style> टैग के अंदर ".nb {बॉर्डर: कोई नहीं;};" जैसी क्लास बनाएं। फिर <iframe> टैग के अंदर "class =" nb "" जोड़ें।

— जिम

Answer 1

frameBorderविशेषता जोड़ें ( राजधानी 'बी' पर ध्यान दें )।

तो ऐसा लगेगा:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

Comments

मुझे जावास्क्रिप्ट में यह पता लगाने के लिए एक मिनट लिया कि आपको बस element.frameBorder = 0 की आवश्यकता है। no .स्टाइल और उपयोग 0, न कि '0'

— anderspitman

जब मार्कअप सत्यापन सेवा का उपयोग करते हुए दस्तावेज़ को मान्य किया frameBorderजाता है, तो यह HTML5 के अनुरूप नहीं होने के कारण त्रुटि उत्पन्न करता है: iframe तत्व पर फ़्रेमबॉर्डर विशेषता अप्रचलित है। इसके बजाय CSS का उपयोग करें। HTML5 में मैं एक CSS संपत्ति सेट करूँगा border:0। क्या सत्यापन त्रुटियों के बिना इसे पिछड़े संगत बनाने का एक तरीका है?

— ᴍᴀᴛᴛ ᴍᴀᴛᴛ

@ मैथ्यू.बेकर ज़रूर, इस विशेषता के बारे में अन्य कई सवालों में से एक पर मेरा जवाब देखें: stackoverflow.com/a/20719286/1016716 ओह, मुझे लगता है कि मैं वहां की राजधानी बी को भूल गया हूं; मैं संपादित करूँगा।

— श्री लिस्टर

@MartinAndersson caniuse.com/#feat=iframe-seamless बताती है कि यह बिल्कुल भी समर्थित नहीं है।

— टिम बुथ

यहाँ उत्तर सही है, हालाँकि निर्बाध विशेषता के उपयोग का सुझाव देने वाली टिप्पणियाँ अब सही नहीं हैं। निर्बाध विशेषता को विनिर्देश से हटा दिया गया है: w3.org/TR/2014/REC-html5-20141028/…

— रॉन ई

Answer 2

IE7 में बॉर्डर को हटाने की कोशिश में पागल होने के बाद, मैंने पाया कि फ़्रेमबॉर्डर विशेषता संवेदनशील है।

आपको एक बी के साथ फ्रेमवर्क विशेषता सेट करना होगा ।

<iframe frameBorder="0"></iframe>

Comments

यह पूरी तरह से हास्यास्पद है! हालांकि अच्छा कैच। SO ने मुझे कई घंटों की परेशानी से बचाया :)

— एलेक्स

यदि यह सही उत्तर होता, तो यह एक लाइफसेवर होता, क्योंकि इसमें राजधानी बी का उल्लेख होता है ।

— काराज़ी इस्तवान

नोट: F3 "डीबगर" में फ़्रेमबॉर्डर विशेषता परिवर्तन IE6 द्वारा नहीं दिखाया जाएगा। इसके बजाय, html कोड में विशेषता जोड़ें।

ध्यान दें कि जावास्क्रिप्ट संपत्ति frameBorderएक बड़े बी के साथ है, HTML विशेषता वास्तव में हमेशा असंवेदनशील रही है। और XHTML में यह सभी लोअरकेस होना चाहिए frameborder।

— मिस्टर लिस्टर

Answer 3

Iframe दस्तावेज़ीकरण के अनुसार , फ़्रेमबॉर्डर पदावनत है और "बॉर्डर" का उपयोग करके CSS विशेषता पसंद की जाती है:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

• नोट CSS सीमा संपत्ति IE6, 7 या 8 में वांछित परिणाम प्राप्त नहीं करती है ।

Answer 4

फ़्रेमबॉर्डर विशेषता जोड़ने के अलावा, आप स्क्रॉलिंग विशेषता को स्क्रॉल करने से रोकने के लिए स्क्रॉलिंग विशेषता को "नहीं" पर विचार करना चाह सकते हैं।

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe > 

Comments

HTML5 में इसके समकक्ष क्या है?

— डैनियल स्प्रिंगर

शैली = "अतिप्रवाह: छिपा हुआ"

Answer 5

ब्राउज़र के लिए विशिष्ट मुद्दों को भी frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"Dreamweaver के अनुसार जोड़ें :

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

Answer 6

HTML iframe फ्रेमबॉर्ड विशेषता का उपयोग करें

http://www.w3schools.com/tags/att_iframe_frameborder.asp

नोट: IE के लिए फ्रेम बी ऑर्डर (कैप बी) का उपयोग करें , अन्यथा काम नहीं करेगा। लेकिन, HTML5 में iframe फ्रेमबॉर्डर विशेषता समर्थित नहीं है। इसलिए, इसके बजाय सीएसएस का उपयोग करें।

<iframe src="http://example.org" width="200" height="200" style="border:0">

आप स्क्रॉलिंग विशेषता http://www.w3schools.com/tags/att_iframe_scrolling.asp का उपयोग करके स्क्रॉलिंग को भी हटा सकते हैं

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

इसके अलावा आप सीमलेस विशेषता का उपयोग कर सकते हैं जो एचटीएमएल 5 में नया है। आइफ्रेम टैग की सहज विशेषता केवल ओपेरा, क्रोम और सफारी में समर्थित है। जब मौजूद है, तो यह निर्दिष्ट करता है कि iframe यह देखना चाहिए कि यह युक्त दस्तावेज़ (कोई सीमा या स्क्रॉलबार) का एक हिस्सा है। अब तक, टैग की सहज विशेषता केवल ओपेरा, क्रोम और सफारी में समर्थित है। लेकिन निकट भविष्य में यह मानक समाधान होगा और सभी ब्राउज़रों के साथ संगत होगा। http://www.w3schools.com/tags/att_iframe_seamless.asp

Answer 7

आप style="border:0;"अपने iframe कोड में उपयोग कर सकते हैं । HTML5 में बॉर्डर हटाने का यह अनुशंसित तरीका है।

संपादन कोड के बिना अपने iframe को अनुकूलित करने के लिए मेरे html5 iframe जनरेटर टूल को देखें।

Answer 8

स्टाइल प्रॉपर्टी का उपयोग एचटीएमएल 5 के लिए किया जा सकता है यदि आप अपने फ्रेम के बॉडर को हटाना चाहते हैं या कुछ भी आप स्टाइल प्रॉपर्टी का उपयोग कर सकते हैं। जैसा कि नीचे दिया गया है

यहां कोड जाता है

<iframe src="demo.htm" style="border:none;"></iframe>

Answer 9

फ़्रेमबॉर्ड विशेषता (कैपिटल 'बी') जोड़ें।

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible. </iframe>

Answer 10

आप इसे जावास्क्रिप्ट के साथ भी कर सकते हैं। यह किसी भी iframe तत्वों को ढूंढेगा और IE और अन्य ब्राउज़रों में उनकी सीमाओं को हटा देगा (हालांकि आप जावास्क्रिप्ट का उपयोग करने के बजाय गैर-IE ब्राउज़रों में "सीमा: कोई नहीं?" की शैली सेट कर सकते हैं)। और यह तब भी काम करेगा जब इस्तेमाल किया गया iframe उत्पन्न होता है और दस्तावेज़ में जगह में (जैसे iframes जो सादे HTML में जोड़े जाते हैं और जावास्क्रिप्ट नहीं)!

यह काम करने के लिए प्रकट होता है क्योंकि IE बॉर्डर बनाता है, iframe तत्व पर नहीं जैसा कि आप अपेक्षा करते हैं, लेकिन iframe के कंटेंट पर - iframe BOM में बनाए जाने के बाद। ($ @ & * # @ @ आईई !!!)

नोट: आईई भाग केवल काम करेगा (निश्चित रूप से) यदि मूल विंडो और iframe SAME मूल (समान डोमेन, पोर्ट, प्रोटोकॉल आदि) से हैं। अन्यथा स्क्रिप्ट को IE त्रुटि कंसोल में "एक्सेस अस्वीकृत" त्रुटियां मिलेंगी। यदि ऐसा होता है, तो आपका एकमात्र विकल्प इसे उत्पन्न करने से पहले सेट करना है, जैसा कि अन्य ने नोट किया है, या गैर-मानक फ्रेमवर्क = "0" विशेषता का उपयोग करें। (या आईई को पूरी तरह से देखने दें - मेरा वर्तमान पसंदीदा विकल्प;))

मुझे यह पता लगाने के लिए निराशा के बिंदु पर काम करने के कई घंटे लगे ...

का आनंद लें। :)

// =========================================================================
// Remove borders on iFrames

if (window.document.getElementsByTagName("iframe"))
   {
      var iFrameElements = window.document.getElementsByTagName("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", "0");   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }

Answer 11

मैंने उपरोक्त सभी को आज़माया और यदि वह आपके लिए काम नहीं करता है तो नीचे दिए गए सीएसएस को मेरे लिए समस्या हल करने का प्रयास करें। जो सिर्फ ब्राउजरों से कहता है कि वे कोई पैडिंग या मार्जिन न जोड़ें।

* {
  padding:0px;
  margin:0px;
 }

Answer 12

यदि आप जिस पेज पर iframe डाल रहे हैं, उसका HTML HTML5 है तो आप इस seamlessतरह की विशेषता का उपयोग कर सकते हैं :

<iframe src="..." seamless="seamless"></iframe>

मोज़िला सहज विशेषता पर डॉक्स

Comments

एक महान विचार की तरह सीम , लेकिन दुख की बात है अच्छी तरह से समर्थित नहीं है। caniuse.com/#search=seamless

— code_monk

यह बिल्कुल भी समर्थित नहीं है।

— skobaljic

Answer 13

अपनी स्टाइलशीट में जोड़ें

{
  padding:0px;
  margin:0px;
  border: 0px

}

यह भी एक व्यवहार्य विकल्प है।

Comments

फ़्रेमबॉर्डर ने मेरे लिए काम नहीं किया, लेकिन यह किया। धन्यवाद।

— Dois

Answer 14

यदि आप संपूर्ण स्क्रीन की चौड़ाई और ऊंचाई को फिट करने के लिए iFrame का उपयोग कर रहे हैं, जो मैं मान रहा हूं कि आप 300x300 आकार के आधार पर नहीं हैं, तो आपको इस तरह से भी बॉडी मार्जिन को "0" पर सेट करना होगा:

<body style="margin:0px;">

Answer 15

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

यह कोड HTML 4 और 5 दोनों में काम करना चाहिए।

Answer 16

या तो फ़्रेम-बॉर्डर विशेषता जोड़ें, या सीमा-चौड़ाई 0px के साथ शैली का उपयोग करें; या सीमा शैली को किसी के बराबर सेट न करें।

नीचे दिए गए 3 में से किसी एक का उपयोग करें:

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>

Answer 17

बॉर्डर भी सेट करें = "0px"

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

Answer 18

प्रयत्न

<iframe src="url" style="border:none;"></iframe>

यह आपके फ्रेम की सीमा को हटा देगा।

Answer 19

इसे इस्तेमाल करो

style="border:none;

उदाहरण:

<iframe src="your.html" style="border:none;"></iframe>

Answer 20

सीमा हटाने के लिए आप CSS बॉर्डर प्रॉपर्टी का उपयोग कर सकते हैं।

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>

Answer 21

इसका सरल सिर्फ iframe टैग फ्रेमबॉर्डर = 0 में विशेषता जोड़ें <iframe src="" width="200" height="200" frameborder="0"></iframe>

Comments

एक प्रश्न का उत्तर देने से पहले, हमेशा मौजूदा उत्तर पढ़ें। यह उत्तर पहले ही प्रदान किया जा चुका है। उत्तर को दोहराने के बजाय, मौजूदा उत्तर को वोट करें। अच्छे उत्तर लिखने के लिए कुछ दिशानिर्देश यहां देखे जा सकते हैं ।

— 21

Answer 22

1.Via इनलाइन स्टाइल सेट सीमा: 0

 <iframe src="display_file.html" style="height: 400px; width:
   100%;border: 0;">HTML iFrame is not compatible with your browser
   </iframe>

2. Via टैग विशेषता फ्रेमवर्क सेट 0

<iframe src="display_file.html" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

3. अगर हमारे पास मल्टीपल आई फ्रेम है तो हम आंतरिक या बाह्य रूप से क्लास और पुट दे सकते हैं।

HTML:

<iframe src="display_file.html" class="no_border_iframe">
    HTML iFrame is not compatible with your browser 
</iframe>

सीएसएस:

<style>
.no_border_iframe{
border: 0; /* or border:none; */
}
</style>

Answer 23

मैं नीचे सफेद सीमा के साथ एक मुद्दा था और मैं इसे सीमा, मार्जिन और गद्दी नियमों के साथ ठीक नहीं कर सकता था ... इसलिए जोड़ें display:block;क्योंकि iframe एक इनलाइन तत्व है।

यह आपके HTML को खाते में ले लेता है।

Answer 24

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

फ़ायरफ़ॉक्स के साथ काम करता है;)

Comments

अलग सवाल शायद?

Answer 25

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.