كيف أطبّق تنسيق CSS على iframe؟

توجد طريقتين لفعل ذلك، الأولى عن طريق نمط (style) كتلة iframe كما تفعل لبقية الوسوم العادية كالتالي:

<iframe name 'myiframe' border="0" style="height: 100px;"></iframe>

أما الطريقة الثانية فهي عبر تضمين ملف النمط في الصفحة التي تريدها أو يمكنك تحميلها من الصفحة الرئيسية باستخدام جافا سكربت كما في المثال التالي:

var cssLink = document.createElement("link")

cssLink.href = "style.css";

cssLink.rel = "stylesheet";

cssLink.type = "text/css";

frames['frame1'].document.body.appendChild(cssLink);