Атрибут frameborder тега <frame> — рамка навколо фрейма
автор: NagarD
Загальний опис
автор: NagarD
- Порада
-
Інколи краще не вказувати frameborder і використовувати CSS, щоб зробити рамку.
автор: Wsewlad
Синтаксис
<frame frameborder="1|0"> Атрибут frameborder може отримувати 2 значень:
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
Лівий фрейм із frameborder="0" — межі не видно, правий із frameborder="1" — з рамкою. Фрейми застарілі, як і сам атрибут.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23eef6ff'%3Eframeborder=0%3C/body%3E" frameborder="0">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23ffef9e'%3Eframeborder=1%3C/body%3E" frameborder="1">
</frameset>
</html>Чотири вбудовані рамки з різними значеннями frameborder і п'ята — з border: 0 у стилях. Видно, що рамку прибирають лише 0 і no: значення 2 і junk лишають типові 2 пікселі. Вміст рамок заданий через srcdoc, тобто без жодного зовнішнього файла.
HTML
<p class="head">frameborder на iframe — живий залишок атрибута</p>
<div class="row">
<iframe class="f" srcdoc='<p style="font:14px system-ui;margin:6px">атрибута немає</p>'></iframe>
<iframe class="f" frameborder="0" srcdoc='<p style="font:14px system-ui;margin:6px">frameborder=0</p>'></iframe>
<iframe class="f" frameborder="no" srcdoc='<p style="font:14px system-ui;margin:6px">frameborder=no</p>'></iframe>
</div>
<div class="row">
<iframe class="f" frameborder="2" srcdoc='<p style="font:14px system-ui;margin:6px">frameborder=2 — рамка лишилась</p>'></iframe>
<iframe class="f" frameborder="junk" srcdoc='<p style="font:14px system-ui;margin:6px">frameborder=junk — теж лишилась</p>'></iframe>
<iframe class="f css" srcdoc='<p style="font:14px system-ui;margin:6px">border: 0 у стилях</p>'></iframe>
</div>
<p class="head">Так це роблять сьогодні</p>
<div class="row">
<iframe class="f nice" srcdoc='<p style="font:14px system-ui;margin:6px">border і border-radius у стилях</p>'></iframe>
</div>CSS
.head {
margin: 22px 0 8px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.row {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 12px;
}
.f {
width: 220px;
height: 70px;
background: #f6f9ff;
}
.css {
border: 0;
}
.nice {
border: 2px solid #2f6fd0;
border-radius: 8px;
}Різниця між HTML 4.01 та HTML5
Атрибут frameborder для тегу <frame> не підтримується у HTML5. Користуйтеся для цього CSS.
Коментарі
Коментарів ще немає — будьте першим!