Атрибут marginwidth тега <frame> — поля фрейма з боків
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<frame marginwidth="pixels">Атрибут marginwidth може отримувати єдине значення:
-
pixels -
Визначає ліву і праву допустимі межі вмісту елементa
автор: NagarD<frame>.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
Лівий фрейм тримає вміст за 50px від бокових країв, правий — впритул. Фрейми та їхні атрибути застарілі.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23eef6ff'%3Emarginwidth=50%3C/body%3E" marginwidth="50">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23ffef9e'%3Emarginwidth=0%3C/body%3E" marginwidth="0">
</frameset>
</html>Чотири вкладені рамки з тим самим текстом. Перша — без атрибута: типові поля 8px. Друга — marginwidth="40" marginheight="30". Третя — з нулями, вміст лягає впритул до краю. Четверта — з тим самим marginwidth="40", але у її документа є власне правило body { margin: 2px }, і виграє воно. Нижче — сучасний спосіб: поля дає обгортка з padding, а не атрибут.
HTML
<p class="head">1. Без marginwidth — типові поля 8px</p>
<iframe width="260" height="100"
srcdoc="<body style='background:aliceblue'>Поля цього документа задає він сам.</body>"></iframe>
<p class="head">2. marginwidth="40" marginheight="30"</p>
<iframe width="260" height="100" marginwidth="40" marginheight="30"
srcdoc="<body style='background:aliceblue'>Поля прийшли з атрибутів рамки.</body>"></iframe>
<p class="head">3. marginwidth="0" marginheight="0" — впритул до краю</p>
<iframe width="260" height="100" marginwidth="0" marginheight="0"
srcdoc="<body style='background:aliceblue'>Жодного поля.</body>"></iframe>
<p class="head">4. marginwidth="40", але у вмісту є свій body { margin: 2px }</p>
<iframe width="260" height="100" marginwidth="40" marginheight="30"
srcdoc="<body style='margin:2px;background:seashell'>Виграли власні стилі сторінки, а не атрибут.</body>"></iframe>
<p class="head">5. Сучасно: поля дає обгортка з padding</p>
<div class="ramka">
<iframe width="220" height="60"
srcdoc="<body style='margin:0;background:honeydew'>Рамка без полів, поля — зовні.</body>"></iframe>
</div>
<p class="note">Тут рамка не має ні marginwidth, ні власних полів: відступ малює
звичайний padding обгортки, і на нього не впливає те, що написано у вкладеній
сторінці.</p>CSS
.head {
margin: 18px 0 6px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
iframe {
border: 2px solid #b9c6d8;
}
.ramka {
display: inline-block;
padding: 40px 30px;
border: 2px solid #3a9a4f;
border-radius: 6px;
background: #f3fbf4;
line-height: 0;
}
.note {
max-width: 520px;
margin-top: 10px;
color: #5a6472;
font-size: .9em;
}Різниця між HTML 4.01 та HTML5
Атрибут marginwidth для тегу <frame> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!