Атрибут noresize тега <frame> — заборона змінювати розмір
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<frame noresize="noresize"> Атрибут noresize може отримувати єдине значення:
-
noresize -
Фрейм не буде змінювати розмір за бажанням користувача.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
Спробуй потягнути межу між фреймами: noresize на лівому блокує її. Без атрибута межу можна тягати мишею. Фрейми застарілі.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23eef6ff'%3Enoresize — %D0%BC%D0%B5%D0%B6%D1%83 %D0%BD%D0%B5 %D0%BF%D0%BE%D1%82%D1%8F%D0%B3%D0%BD%D0%B5%D1%88%3C/body%3E" noresize="noresize">
<frame src="data:text/html;charset=utf-8,%3Cbody%3E%D0%97%D0%B2%D0%B8%D1%87%D0%B0%D0%B9%D0%BD%D0%B8%D0%B9%3C/body%3E">
</frameset>
</html>Рамкового набору всередині цієї сторінки бути не може, тому стару розмітку наведено текстом, а поруч живцем працює те, що справді можна помацати: властивість resize. Потягніть за правий нижній кут кожного блока — перший тягнеться в обидва боки, другий лише вшир, третій не тягнеться зовсім. Це найближчий сучасний родич noresize, хоча керує він розміром самого блока, а не межею між сусідами.
HTML
<p class="head bad">Так це виглядало в розмітці</p>
<pre class="kod"><frameset cols="30%,70%">
<frame src="menu.html" name="menu" <b>noresize</b>>
<frame src="zmist.html" name="zmist">
</frameset>
<!-- noresize="false" вмикає заборону так само, як і голе noresize -->
<frame src="menu.html" noresize="false"></pre>
<p class="note">Атрибут на ОДНІЙ рамці замикає спільну межу для обох.
Перевірено: без нього межа тягнеться, з ним — ні.</p>
<p class="head good">Живцем: те, що тягнути таки можна</p>
<div class="ryad">
<div class="blok obydva">resize: both<br>тягніть за кут</div>
<div class="blok shyr">resize: horizontal<br>лише вшир</div>
<div class="blok nizashcho">resize: none<br>не тягнеться</div>
</div>
<p class="note">У iframe жодного noresize немає й не було: його межі не тягне
ніхто, а розмір задають стилями. Перевірено — властивості noResize
в iframe немає.</p>CSS
.head {
margin: 20px 0 6px;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.head.bad {
color: #c0392b;
}
.head.good {
color: #1b5e20;
}
.kod {
max-width: 520px;
margin: 0;
padding: 8px 10px;
overflow-x: auto;
border: 2px dashed #d64545;
border-radius: 6px;
background: #fff4f4;
font: 14px/1.6 ui-monospace, monospace;
}
.kod b {
background: #ffe0e0;
}
.ryad {
display: flex;
flex-wrap: wrap;
gap: 12px;
max-width: 520px;
}
.blok {
width: 150px;
height: 90px;
padding: 8px 10px;
overflow: auto;
border: 2px solid #2f6fd0;
border-radius: 6px;
background: #f6f9ff;
font-size: .85em;
line-height: 1.5;
}
.obydva {
resize: both;
}
.shyr {
resize: horizontal;
}
.nizashcho {
resize: none;
border-color: #b9c6d8;
background: #f4f5f7;
}
.note {
max-width: 520px;
margin: 10px 0 0;
color: #5a6472;
font-size: .9em;
}Різниця між HTML 4.01 та HTML5
Атрибут noresize для тегу <frame> не підтримується у HTML5.
Коментарі
Коментарів ще немає — будьте першим!