html شرح - إزالة الحدود من IFrame




11 Answers

إضافة سمة frameBorder (لاحظ رأس المال 'B' ).

لذلك سوف تبدو كما يلي:

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

كيف أقوم بإزالة الحدود من iframe مضمن في تطبيق الويب الخاص بي؟ مثال على iframe هو:

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

أرغب في الانتقال من المحتوى الموجود على صفحتي إلى محتوى iframe ليكون سلسًا ، بافتراض أن ألوان الخلفية متناسقة. المتصفح المستهدف هو IE6 فقط ، وللأسف لن تساعد الحلول الأخرى.




بالإضافة إلى إضافة سمة frameBorder ، قد ترغب في تعيين سمة التمرير إلى "لا" لمنع ظهور أشرطة التمرير.

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



بالنسبة إلى المشكلات الخاصة بالمتصفح ، أضف أيضًا 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>



يمكنك استخدام style="border:0;" في رمز iframe الخاص بك. هذه هي الطريقة الموصى بها لإزالة الحدود في HTML5.

تحقق من أداة مولد iframe بتنسيق html5 لتخصيص iframe بدون تعديل الشفرة.




يمكن استخدام خاصية الأنماط لـ HTML5 إذا كنت تريد إزالة بودي الإطار الخاص بك أو أي شيء يمكنك استخدام خاصية النمط. على النحو الوارد أدناه

رمز يذهب هنا

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






في ورقة الأنماط الخاصة بك إضافة

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

}

هذا هو أيضا خيار قابل للتطبيق.




إذا كنت تستخدم iFrame لملاءمة عرض وارتفاع الشاشة بأكملها ، والتي أفترض أنك لا تعتمد على حجم 300 × 300 ، يجب عليك أيضًا ضبط هوامش النص على "0" كما يلي:

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



محاولة

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

سيؤدي هذا إلى إزالة حدود الإطار الخاص بك.




لإزالة الحدود ، يمكنك استخدام خاصية حد CSS إلى بلا.

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



به سمة إضافة بسيطة فقط في iframe tag frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>




Related

html css iframe internet-explorer-6 noborder