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 |