Атрибут size тега <font> — розмір шрифту від 1 до 7
Атрибут size визначає розмір тексту всередині елемента <font>.
Задає розмір шрифту в умовних одиницях від 1 до 7. Середній розмір, який використовується за умовчанням прийнятий 3.
Загальний опис
автор: NagarD
- Порада
-
Розмір шрифту можна вказувати як абсолютною величиною (наприклад, size = "4"), так і відносною (наприклад, size = "+ 1", size = "- 1"). В останньому випадку розмір змінюється відносно базового. На розмір шрифту впливає не тільки заданий атрибут
автор: с3сsize, але і вибір гарнітури шрифту. Так, шрифт Arial виглядає більшим, ніж шрифт Times, а шрифт Verdana трохи більше шрифту Arial. Враховуйте цю особливість при виборі шрифту і його розмірів.
Синтаксис
<font size="number">Атрибут size може отримувати єдине значення:
-
number -
Число від 1 до 7, яке визначає розмір тексту. Браузер без задання задає значення 3.
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Уся шкала size від 1 до 7 із підписаними пікселями, поруч — те саме через font-size. Нижче дві пастки: номер 3 усередині великого блока лишається дрібним, бо він абсолютний, а size="99" не більший за 7.
HTML
<p class="head">Шкала атрибута size</p>
<p><font size="1">size=1 — 10px</font></p>
<p><font size="2">size=2 — 13px</font></p>
<p><font size="3">size=3 — 16px, звичайний розмір</font></p>
<p><font size="4">size=4 — 18px</font></p>
<p><font size="5">size=5 — 24px</font></p>
<p><font size="6">size=6 — 32px</font></p>
<p><font size="7">size=7 — 48px</font></p>
<p class="head">Те саме стилями</p>
<p><span class="s5">font-size: 24px — те саме, що size=5</span></p>
<p><span class="rem">font-size: 1.5rem — і масштабується разом із налаштуваннями</span></p>
<p class="head">Пастка: номер абсолютний</p>
<div class="big">
Текст цього блока — 40px.
<font size="3">А тут size=3, і це рівно 16px, а не «на крок менше».</font>
<span class="smaller">А тут font-size: smaller — ось так виглядає справжній крок від сусіднього тексту.</span>
</div>
<p class="head">Пастка: за межі шкали не вийти</p>
<p><font size="7">size=7</font> · <font size="99">size=99 — те саме</font> · <font size="0">size=0 — те саме, що 1</font></p>CSS
p {
margin: 6px 0;
}
.head {
margin: 22px 0 8px;
color: #5a6472;
font: 600 14px/1.4 system-ui, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.s5 {
font-size: 24px;
}
.rem {
font-size: 1.5rem;
}
.big {
padding: 10px 12px;
border: 2px dashed #b9c6d8;
background: #f6f9ff;
font-size: 40px;
line-height: 1.3;
}
.smaller {
font-size: smaller;
}Найпростіший приклад використання HTML атрибута size теґа <font>
<p><b>Приклад використання атрибута "size"</b></p>
<p>З використанням атрибута "size" </p>
<p><font size="5" >Весною все на землі пробуджується до нового життя. Розтає сніг, з’являється молода зелена травичка.</font></p><br>
<p>Без використання атрибута "size" </p>
<p>Весною все на землі пробуджується до нового життя. Розтає сніг, з’являється молода зелена травичка.</p>Різниця між HTML 4.01 та HTML5
Атрибут size для тегу <font> не підтримується у HTML5. Користуйтеся для цього CSS властивостями. Наприклад, <p style="font-size:20px">
Коментарі
Коментарів ще немає — будьте першим!