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




w3school html (15)

إذا كان نوع الصفحة التي تضع فيها iframe على HTML5 ، فيمكنك استخدام السمة seamless مثل:

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

مستندات Mozilla على السمة السلسة

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

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

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


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

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

إضافة سمة frameBorder (العاصمة 'B').

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

إما أن تقوم بإضافة سمة frameBorder ، أو استخدام نمط مع 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>


استخدم هذا

style="border:none;

مثال:

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

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

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

بعد مجنونة محاولة إزالة الحدود في IE7 ، وجدت أن سمة frameBorder حساسة لحالة الأحرف.

يجب عليك تعيين سمة frameBorder برأس مال B.

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

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


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

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

}

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


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

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

محاولة

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

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


يعمل استخدام سمة CSS "الحدود" أيضًا:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • ملاحظة لا يحقق خاصية حدود CSS النتائج المطلوبة في IE6 أو 7 أو 8.

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

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


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

رمز يذهب هنا

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

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

يعمل مع فايرفوكس ؛)





noborder