Властивість font-size у CSS використовується для визначення висоти та розміру шрифту. Це впливає на розмір тексту елемента. Його значення за умовчанням є середнім і може бути застосоване до кожного елемента. Значення цієї властивості включають хх-маленький , маленький , x-малий і т.д.

Синтаксис

 font-size: medium|large|x-large|xx-large|xx-small|x-small|small|; 

Розмір шрифту може бути відносним або абсолютним.

q1 q2 q3 q4

Абсолютний розмір

Використовується для встановлення тексту певного розміру. Використовуючи абсолютний розмір, неможливо змінити розмір тексту в усіх браузерах. Це вигідно, коли ми знаємо фізичний розмір виходу.

Відносна величина

Використовується для встановлення розміру тексту відносно сусідніх елементів. За допомогою відносного розміру можна змінювати розмір тексту в браузерах.

ПРИМІТКА. Якщо ми не визначаємо розмір шрифту, тоді для звичайного тексту, наприклад абзаців, розмір за замовчуванням становить 16 пікселів, що дорівнює 1 em.

Розмір шрифту з пікселями

Коли ми встановлюємо розмір тексту за допомогою пікселів, це надає нам повний контроль над розміром тексту.

приклад

 #first { font-size: 40px; } #second { font-size: 20px; } <p id="first">This is a paragraph having size 40px.</p> <p id="second">This is another paragraph having size 20px.</p> 

Розмір шрифту з em

Використовується для зміни розміру тексту. Більшість розробників віддають перевагу в замість пікселів . Рекомендовано Консорціумом Всесвітньої мережі Інтернет (W3C). Як зазначено вище, стандартний розмір тексту в браузерах становить 16 пікселів. Отже, можна сказати, що розмір за замовчуванням 1em є 16 пікселів .

оператор switch java

Формула для розрахунку розміру з пікселів до в є em = пікселів/16 .

приклад

 #first { font-size: 2.5em; /* 40px/16=2.5em */ } #second { font-size: 1.875em; /* 30px/16=1.875em */ } #third { font-size: 0.875em; /* 14px/16=0.875em */ } <p id="first">First paragraph.</p> <p id="second">Second paragraph</p> <p id="third">Third Paragraph.</p> 

Чуйний розмір шрифту

Ми можемо встановити розмір тексту за допомогою a блок vw , що означає ' ширина вікна перегляду '. Область перегляду — це розмір вікна браузера.

1vw = 1% ширини вікна перегляду.

Якщо ширина вікна перегляду становить 50 см, то 1vw дорівнює 0,5 см.

fizzbuzz java

приклад

Перший абзац має ширину 5vw.

Другий абзац має ширину 10vw.

Розмір шрифту з властивістю length

Використовується для встановлення розміру шрифту по довжині. Довжина може бути в см, px, pt тощо. Від’ємні значення довжина властивість не допускається у розмірі шрифту.

Синтаксис

 font-size: length; 

приклад

 .length { color:red; font-size: 5cm; } <p class="length">A paragraph having length 5cm.</p>