IFrame থেকে সীমানা সরান

Question

আমি কীভাবে আমার ওয়েব অ্যাপ্লিকেশনটিতে এমবেড করা একটি আইফ্রেম থেকে সীমানা সরিয়ে ফেলব? Iframe এর একটি উদাহরণ:

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

ব্যাকগ্রাউন্ডের রঙগুলি সামঞ্জস্যপূর্ণ বলে ধরে নিলাম, আমি আমার পৃষ্ঠার লিখিত সামগ্রী থেকে ইফ্রেমের বিষয়বস্তুগুলিতে বিজোড় হতে চাই। লক্ষ্যযুক্ত ব্রাউজারটি কেবল আই 6 6 এবং দুর্ভাগ্যক্রমে অন্যদের জন্য সমাধানগুলি সাহায্য করবে না।

Comments

আপনি সহজেই কোনও আইফ্রেমে জেনারেটর

— শান ইপেন কোশি

<স্টাইল> ট্যাগের ভিতরে কেবল ".nb {সীমানা: কিছুই নয়}" এর মতো একটি শ্রেণী তৈরি করুন। তারপরে <iframe> ট্যাগের মধ্যে "শ্রেণী =" এনবি "" যুক্ত করুন।

— জিম

Answer 1

যোগ frameBorderঅ্যাট্রিবিউট (নোট রাজধানী 'বি' )।

সুতরাং এটি দেখতে হবে:

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

Comments

জাভাস্ক্রিপ্টে বের করার জন্য আমাকে এক মিনিট সময় নিয়েছে আপনার কেবল এলিমেন্ট ফ্রেমবোর্ডার = 0 দরকার। স্টাইল এবং 0 ব্যবহার করুন, '0' নয়

— anderspitman

মার্কআপ বৈধকরণ পরিষেবা ব্যবহার করে দস্তাবেজটি বৈধকরণ করার সময় frameBorderএটির HTML5 অনুপযুক্ত নয় বলে কোনও ত্রুটির ফলস্বরূপ : iframe উপাদানটির ফ্রেমবোর্ডার বৈশিষ্ট্যটি অপ্রচলিত। পরিবর্তে সিএসএস ব্যবহার করুন। এইচটিএমএল 5 এ আমি একটি সিএসএস সম্পত্তি সেট করব border:0। বৈধতা ত্রুটি সৃষ্টি না করে এটিকে পিছনে সামঞ্জস্য করার কোনও উপায় আছে কি?

— 31

@ MatthewT.Baker নিশ্চিত, এই বৈশিষ্ট্য সম্পর্কে অন্যান্য অনেক প্রশ্ন এক আমার উত্তর দেখুন: stackoverflow.com/a/20719286/1016716 ওহো, আমি দেখতে আমি সেখানে পুঁজি বি ভুলে গেছি; আমি সম্পাদনা করব।

— মিস্টার লিস্টার

@ মার্টিনএন্ডারসন ক্যানিউজ. com / # feat = iframe- বিহীন বলেছেন যে এটি মোটেই সমর্থিত নয়।

— টিম বাথ

এখানে উত্তরটি সঠিক, তবে নির্বিঘ্ন বৈশিষ্ট্যের ব্যবহারের পরামর্শ দেওয়া মন্তব্যগুলি এখন আর সঠিক নয়। বিজোড় গুণটি স্পেসিফিকেশন থেকে সরানো হয়েছে: w3.org/TR/2014/REC-html5-20141028/…

— রন ই

Answer 2

আই 7-তে সীমানা সরিয়ে দেওয়ার চেষ্টা করার জন্য পাগল হওয়ার পরে, আমি দেখতে পেলাম যে ফ্রেমবোর্ডার বৈশিষ্ট্যটি কেস সংবেদনশীল।

আপনাকে একটি মূলধন বি এর সাথে ফ্রেমবোর্ডার বৈশিষ্ট্য নির্ধারণ করতে হবে ।

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

Comments

এটি সম্পূর্ণ হাস্যকর! ভাল ধরা যদিও। SO আমাকে আবার অনেক ঘন্টা বাঁচিয়েছে :)

— অ্যালেক্স

সঠিক উত্তর হলে এটি একটি জীবনদাতা হবে, কারণ এটি রাজধানী বি এর উল্লেখ করেছে ।

— কারাসজি ইস্তভান

দ্রষ্টব্য: F12 "ডিবাগার" এ ফ্রেমবর্ডার বৈশিষ্ট্য পরিবর্তনগুলি আই 6 দ্বারা প্রদর্শিত হবে না। পরিবর্তে, এইচটিএমএল কোডে বিশিষ্টতা যুক্ত করুন।

নোট করুন যে জাভাস্ক্রিপ্টের সম্পত্তিটি frameBorderবড় হাতের বি দিয়ে থাকলেও এইচটিএমএল বৈশিষ্ট্যটি সর্বদা সংবেদনশীল থাকে। এবং এক্সএইচটিএমএলে এটি সমস্ত ছোট হাতের অক্ষর হওয়া উচিত frameborder।

— মিস্টার লিস্টার

Answer 3

অনুযায়ী আইফ্রেম ডকুমেন্টেশন, frameBorder অবচিত এবং "সীমান্ত" সিএসএস অ্যাট্রিবিউট ব্যবহার করে পছন্দ করা হয়:

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

• দ্রষ্টব্য সিএসএস সীমানা সম্পত্তি আই 6, 7 বা 8 এ পছন্দসই ফলাফল অর্জন করে না ।

Answer 4

ফ্রেমবোর্ডার অ্যাট্রিবিউট যুক্ত করার পাশাপাশি আপনি স্ক্রোলবারগুলি উপস্থিত হতে আটকাতে স্ক্রোলিং অ্যাট্রিবিউটটি "" না "এ সেট করার বিষয়টি বিবেচনা করতে পারেন।

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

Comments

এইচটিএমএল 5 এর সমতুল্য কি?

— ড্যানিয়েল স্প্রিংগার

স্টাইল = "ওভারফ্লো: লুকানো"

Answer 5

ব্রাউজারের জন্য নির্দিষ্ট সমস্যাগুলি frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"ড্রিমওভার অনুসারে যুক্ত করুন :

<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

এইচটিএমএল iframe ফ্রেমবোর্ডার অ্যাট্রিবিউট ব্যবহার করুন

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

দ্রষ্টব্য: আইই এর জন্য ফ্রেম বি অর্ডার (ক্যাপ বি) ব্যবহার করুন, অন্যথায় কাজ করবে না। তবে, iframe ফ্রেমবোর্ডার বৈশিষ্ট্যটি HTML5 তে সমর্থিত নয় supported সুতরাং, পরিবর্তে সিএসএস ব্যবহার করুন।

<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 কোড ব্যবহার করতে পারেন । এইচটিএমএল 5 এ সীমানা সরানোর প্রস্তাবিত উপায়।

কোড সম্পাদনা ছাড়াই আপনার আইফ্রেমে কাস্টমাইজ করতে আমার এইচটিএমএল 5 আইফ্রেমে জেনারেটর সরঞ্জামটি দেখুন।

Answer 8

স্টাইল বৈশিষ্ট্যটি HTML5 এর জন্য ব্যবহার করা যেতে পারে আপনি যদি আপনার ফ্রেমের বোডার বা স্টাইলের সম্পত্তি ব্যবহার করতে পারেন এমন কিছু মুছে ফেলতে চান। নীচে দেওয়া হয়েছে

কোড এখানে যায়

<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

আপনি এটি জাভাস্ক্রিপ্ট দিয়ে এইভাবে করতে পারেন। এটি কোনও আইফ্রেমে উপাদান খুঁজে পেতে পারে এবং তাদের সীমানাটি আইই এবং অন্যান্য ব্রাউজারগুলিতে সরিয়ে ফেলবে (যদিও আপনি জাভাস্ক্রিপ্ট ব্যবহারের পরিবর্তে নন-আইই ব্রাউজারগুলিতে "সীমানা: কিছুই নয়" "একটি স্টাইল সেট করতে পারেন)। এবং এটি আইফ্রেমে উত্পন্ন হওয়ার পরে এবং নথিতে তার জায়গায় ব্যবহার করার পরেও কাজ করবে (উদাহরণস্বরূপ iframes যা প্লেইন এইচটিএমএলতে যুক্ত হয় এবং জাভাস্ক্রিপ্ট নয়)!

এটি কাজ করে বলে মনে হচ্ছে কারণ আইএম সীমানাটি তৈরি করে, আপনার প্রত্যাশার মতো আইফ্রেমে উপাদান নয়, তবে বিওএম-এ আইফ্রেম তৈরি হওয়ার পরে, আইফ্রেমের বিষয়বস্তুতে। ($ @ & * # @ !!! আই !!!)

দ্রষ্টব্য: আইই অংশটি কেবল তখনই কাজ করবে (যদি অবশ্যই প্যারেন্ট উইন্ডো এবং আইফ্রেমে একই বংশোদ্ভূত হয় (একই ডোমেন, পোর্ট, প্রোটোকল ইত্যাদি))। অন্যথায় আইপি ত্রুটি কনসোলে স্ক্রিপ্টটি "অ্যাক্সেস অস্বীকৃত" ত্রুটিগুলি পাবে। যদি এটি ঘটে থাকে তবে আপনার একমাত্র বিকল্পটি এটি উত্পন্ন হওয়ার আগে সেট করতে হবে, অন্যরা যেমন উল্লেখ করেছে, বা অ-মানক ফ্রেমবোর্ডার = "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

আপনি যদি পেজটির ডকটাইপটি ইফ্রেমে রাখছেন তবে HTML5 হয় তবে আপনি এটি ব্যবহার করতে পারেন seamless বৈশিষ্ট্যটি :

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

বিরামবিহীন বৈশিষ্ট্যে মোজিলা ডক্স

Comments

দুর্দান্ত ধারণা মত seams , কিন্তু দুর্ভাগ্যক্রমে ভাল সমর্থন করা হয় না। caniuse.com/#search=seamless

— code_monk

এটি মোটেই সমর্থিত নয়।

— skobaljic

Answer 13

আপনার স্টাইলশিটে অ্যাড করুন

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

}

এটিও একটি কার্যকর বিকল্প।

Comments

ফ্রেমবোর্ডার আমার পক্ষে কাজ করেনি, তবে এটি করেছে। ধন্যবাদ।

— ডুইস

Answer 14

আপনি যদি পুরো পর্দার প্রস্থ এবং উচ্চতা মাপার জন্য আইফ্রেম ব্যবহার করে থাকেন, যা আমি ধরে নিচ্ছি যে আপনি 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>

এই কোডটি এইচটিএমএল 4 এবং 5 উভয় ক্ষেত্রেই কাজ করা উচিত।

Answer 16

হয় ফ্রেমবোর্ডার অ্যাট্রিবিউট যুক্ত করুন, বা সীমানা-প্রস্থ 0px; সহ স্টাইল ব্যবহার করুন, বা সীমানা শৈলীর সমান নয় set

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

সীমানা অপসারণ করতে আপনি কারও কাছে সিএসএস সীমানা সম্পত্তি ব্যবহার করতে পারবেন।

<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

কোনও প্রশ্নের উত্তর দেওয়ার আগে সর্বদা বিদ্যমান উত্তরগুলি পড়ুন। এই উত্তর ইতিমধ্যে সরবরাহ করা হয়েছে। উত্তরটি পুনরাবৃত্তি করার পরিবর্তে বিদ্যমান উত্তরে ভোট দিন। ভাল উত্তর লেখার জন্য কিছু গাইডলাইন এখানে পাওয়া যাবে ।

— ডিফারেন্স

Answer 22

1. ইনলাইন স্টাইল সেট সীমানা মাধ্যমে: 0

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

2. ট্যাগ অ্যাট্রিবিউট ফ্রেম বর্ডার সেট 0 এর মাধ্যমে

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

৩. যদি আমাদের একাধিক আই ফ্রেম থাকে তবে আমরা অভ্যন্তরীণ বা বাহ্যিকভাবে ক্লাস এবং পুট সিএসএস দিতে পারি।

এইচটিএমএল:

<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 একটি ইনলাইন উপাদান।

এটি আপনার এইচটিএমএলটিতে শ্বেত স্থান গ্রহণ করে।

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.