String.prototype.fontsize()
Застаріло: Це — нерекомендована функціональність. Хоча деякі браузери все ще можуть її підтримувати, її або вже виключено з актуальних вебстандартів, або вона знаходиться в процесі завершення підтримки, або ж її залишили лише з міркувань зворотної сумісності. Слід уникати її використання, і якщо можливо — оновлювати вже написаний код, що опирається на цю функціональність (дивіться таблицю сумісності внизу цієї сторінки, щоб прийняти рішення). Майте на увазі: ця функціональність може припинити працювати в будь-який момент.
Метод fontsize()
(розмір шрифту) значень String
створює рядок, що вбудовує рядок цього методу в елемент <font>
(<font size="...">str</font>
), завдяки чому цей текст виводиться з заданим розміром шрифту.
Примітка: Всі обгортальні методи HTML є нерекомендованими та стандартизовані лише для потреб сумісності. У випадку
fontsize()
, сам елемент<font>
було вилучено зі специфікації HTML, і його більше не слід використовувати. Замість цього веброзробники повинні використовувати властивості CSS.
Синтаксис
fontsize(size)
Параметри
size
Ціле число в діапазоні від 1 до 7, або рядок з цілим числом від 1 до 7 зі знаком.
Повернене значення
Рядок, що починається з початкового тега <font size="size">
(подвійні лапки в size
замінюються на "
), потім текст str
, і потім кінцевий тег </font>
.
Опис
Сам метод fontsize
просто з'єднує рядкові частини докупи, без жодних валідації та нормалізації. Проте щоб створити дійсний елемент <font>
, то при заданні розміру в вигляді цілого числа слід задати розмір шрифту str
у вигляді одного з 7 визначених розмірів. Атрибут size
можна задати у вигляді рядка виду "-2"
або "+3"
, щоб підлаштувати розмір шрифту str
відносно 3, усталеного значення.
Приклади
Застосування fontsize()
Код нижче створює рядок HTML, а потім замінює ним тіло документа:
const contentString = "Привіт, світе";
document.body.innerHTML = contentString.fontsize(7);
Це створить наступний HTML:
<font size="7">Привіт, світе</font>
Застереження: Ця розмітка є недійсною, оскільки
font
більше не є дійсним елементом.
Замість використання fontsize()
і безпосереднього створення тексту HTML слід використовувати для роботи зі шрифтами CSS. Наприклад, можна змінити font-size
через атрибут element.style
:
document.getElementById("yourElemId").style.fontSize = "7pt";
Специфікації
Сумісність із браузерами
desktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
fontsize
|
Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | Internet Explorer Full support 3 | Opera Full support 3 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox for Android Full support 4 | Opera Android Full support 10.1 | Safari on iOS Full support 1 | Samsung Internet Full support 1.0 | Deno Full support 1.0 | Node.js Full support 0.10.0 |