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

Він приймає попередньо визначені числові значення або значення ключових слів. Доступні ключові слова, які ми можемо використовувати з цією властивістю нормальний, жирний, світліший і жирніший . Числове значення може бути 100, 200, 300, ........., до 900. Більше числове значення означає більш жирний шрифт, ніж менші числові значення.

Синтаксис

 font-weight: normal | bold | bolder | lighter | number | initial | inherit; 

The номер у наведеному вище синтаксисі представляє числові значення. Числове значення 400 таке ж, як значення ключового слова нормально , і значення 700 таке ж, як значення ключового слова жирний .

The нормально значення strong> визначає звичайні символи та жирний значення визначає товсті символи. The сміливіше значення являє собою більш жирний font-weight, а легше value представляє меншу вагу шрифту, ніж вага, успадкована від батьківського.

Давайте подивимося, як виділити жирним текст у CSS за допомогою ілюстрації.

вступ

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

Розуміння властивості Font-Weight

У CSS є властивість Font-Weight, яка використовується для визначення щільності або товщини шрифту. Він також визначає ступінь напівжирності або легкості тексту, при цьому приймається вище значення, яке вказує на більш жирний шрифт. Властивість font-weight приймає різні значення, наприклад числові та ключові значення.

Діапазон числових значень лежить між 100 і 900 із кроком 100. Наприклад, якщо ми приймемо значення щільності шрифту рівним 400, то це нормально, тоді як значення щільності шрифту 700 вважається жирним. Жирний, жирніший, світліший і Деякі загальновживані значення ключових слів.

Як створити жирний текст за допомогою CSS

Ми можемо створити жирний текст у HTML за допомогою CSS. Ми можемо використовувати вбудовані, внутрішні або зовнішні властивості стилю шрифту.

кислотні властивості в dbms

1. Як ми можемо створити жирний текст за допомогою вбудованого стилю

За допомогою вбудованого стилю ми можемо використовувати властивість font-weight безпосередньо до конкретного елемента HTML. Візьмемо приклад.

код HTML:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Вихід

Пояснення:

У наведеному вище коді ми використали вбудований CSS і застосували властивість font-weight як жирний шрифт.

2. Як ми можемо створити жирний текст із внутрішнім стилем

Тут ми повинні записати властивість CSS у тег head з тегом style. Візьмемо приклад:

код HTML:

 Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Вихід

спробуйте зловити java

Пояснення:

У наведеному вище коді ми використали внутрішній CSS і застосували властивість font-weight.

3. Як ми можемо створити жирний текст із зовнішнім стилем

Тут ми повинні створити зовнішній файл CSS і пов’язати його з файлом HTML. У цьому файлі CSS ми повинні записати властивість style. Візьмемо приклад.

код HTML:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

код CSS:

 p { font-weight: bold; } 

Вихід

Пояснення:

У наведеному вище коді ми використали зовнішню властивість CSS і реалізували властивість font-weight.

приклад

Давайте подивимося, як створити жирний текст різних відтінків за допомогою прикладу нижче:

ядро java

 p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> 

Вихід