Атрибут marginwidth тега <iframe> — поля рамки з боків
Атрибут marginwidth визначає допустимі межі зліва та зправа вмісту елементa <iframe> в пікселях.
Загальний опис
автор: NagarD
Синтаксис
<iframe marginwidth="pixels">Атрибут marginwidth може отримувати єдине значення:
-
pixels -
Визначає ліву і праву допустимі межі вмісту елементa
автор: с3с<iframe>.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
HTML
<p> Приклад використання атрибуту <code> marginwidth </code> </p>
<div class="head1">
<p>У цьому прикладі, Ви можете змінювати значення для властивості marginwidth в межах від 0 до 100 переміщаючи повзунок.</p>
<p id="text"></p>
<input type="range" min="0" max="100" step="1" value="0" id="range" onmousemove="f()">
</div>
<hr>
<div class="blok" >
<p> З використанням атрибуту <code> marginwidth</code> </p>
<iframe id="image" type="image" srcdoc="<body style='margin:0;background:#e9c46a;font:14px sans-serif'>Вміст рамки</body>" align = "left" alt="Альтернативний текст"></iframe>
</div>
<div class="blok" >
<p> Без використання атрибуту <code> marginwidth</code> </p>
<iframe type="image" align = "left" srcdoc="<body style='margin:0;background:#e9c46a;font:14px sans-serif'>Вміст рамки</body>" alt="Зима"></iframe>
</div>CSS
.blok{
display:blok;
float:left;
border:1px solid ;
width:80%;
padding:20px;
}
.head1{
text-align:center;
}JS
text.innerHTML = "Поточний відступ від зображення по горизонталі : 0";
function f() {
var range = document.getElementById("range").value;
var element = document.getElementById("image");
var text = document.getElementById("text");
element.setAttribute("marginwidth", range);
text.innerHTML = "Поточний відступ від зображення по горизонталі:" + range;
}
//# sourceURL=pen.jsРізниця між HTML 4.01 та HTML5
Атрибут marginwidth для тегу <iframe> не підтримується у HTML5. Використовуйте CSS властивості.
Коментарі
Коментарів ще немає — будьте першим!